CSS下划线答案

【问题标题】：CSS underliningCSS下划线
【发布时间】：2012-12-21 10:03:03
【问题描述】：

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

h3 {text-decoration:underline;}

不过，这只会给 h3 标签中的文本加下划线。如果想让下划线穿过页面怎么办？

谢谢

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

也许试试水平线 (hr) 标签？这也可以根据您的喜好进行风格化。

【讨论】：

【解决方案3】：

那么你就不会有下划线，你会有一个元素的边框。

border-bottom: 1px red solid;

【讨论】：

【解决方案4】：

您可以尝试使用边框：

h3 { border-bottom: 1px solid }

【讨论】：