Question

<div id="nav" style="background-color: purple; width: 100px; height: 1060px; float: left;">
        <p> <a href="../info/info.html">Information</a></p>
        <p> <a href="../../index.html">Home</a></p>
    </div>

我想能够看到我的链接，我不知道为什么我不能。我通常使用CSS，但它是一个评估，必须使用HTML样式。对不起超级业余的问题。

Answer 1

尝试更改<p>或<a>标记的颜色。您的HTML没有任何内容表明您的背景颜色正在弄乱您的标签。 <a>标记的蓝色可能会导致您的链接显示丢失，因为标准<a>会将链接变为蓝色，与紫色冲突。

<p>和<a>也支持内联HTML样式。

也就是说，HTML样式与CSS样式没有太大区别。

为什么评估需要关注？

你可以把它扔进<style>块，它就是一样的。

Answer 2

您可以使用：

    a, a:hover, a:visited{
      color:white;
     }

或样式内联：

<a href="../info/info.html" style="color:white;">Information</a>

希望有所帮助。祝你好运

Answer 3

如果没有css，您会发现很难应用:hover样式，但可以使用javascript（按照您的意愿内联）。尝试使用这个：

<div id="nav" style="background-color: purple; width: 100px; height: 1060px; float: left;">
  <p> <a href="../info/info.html" style="color:black; text-decoration:none;" onmouseover="this.style.color='green'" onmouseout="this.style.color='black'">Information</a>
  </p>
  <p> <a href="../../index.html" style="color:black; text-decoration:none;" onmouseover="this.style.color='green'" onmouseout="this.style.color='black'">Home</a>
  </p>
</div>

背景颜色坐在顶部，不能看到<p>文本

3 个答案: