html - CSS下划线

Question

要在 CSS 中为文本添加下划线，我们可以这样做：

h3 {text-decoration:underline;}

但是，这只强调了 h3 标记中包含的文本。如果希望下划线穿过页面怎么办？

谢谢

score 12 · Accepted Answer

12

然后你不会有下划线，你会在元素上有一个边框。

border-bottom: 1px red solid;

于 2013-01-07T16:28:17.363 回答

score 5 · Accepted Answer

5

您可以尝试使用边框：

h3 { border-bottom: 1px solid }

于 2013-01-07T16:29:15.380 回答

score 1 · Accepted Answer

假设您的元素直接位于 body 标签下，您可以使用：

h3 {
    width: 100%;
    border-bottom: 1px solid red;
}

这条线将跨越整个页面，或者它所在的任何元素......

score 0 · Accepted Answer

0

也许试试水平规则（hr）标签？这也可以根据您的喜好进行风格化。

于 2013-01-07T16:33:08.493 回答

4 回答 4