锚标记文本下划线没有出现在页面上

Question

我的HTML代码是：

<a href="settings.html">settings</a>

元素不直接位于body标签下。 现在我需要使用 CSS 来为锚标记文字加下划线，为此我使用以下css代码：

 a{ border-bottom: solid 1px #eee;}

但是，这只会强调锚标记中的文字。如果希望下划线穿过页面，该怎么办？

Answer 1

这是您可能想要做的事情：

＆＃13;

＆＃13;

a {
  border-bottom: solid 1px red;
  display: block;
}

＆＃13;

<a href="settings.html">settings</a>

＆＃13;

＆＃13;

＆＃13;