如果您看标题，它说“层叠样式表”，那么它有一个下划线。

你是怎么做到的？

.heading1 { 
/* heading with underline */ 
}

2010-06-11 001

你可以简单地看一下维基百科来源：P – knittl 2010-06-11 10:53:37

您应该安装Firebug的 - 它是平凡简单易用的检查来看看CSS特定元素。 – RichieHindle 2010-06-11 10:54:51

使用边界：

.heading1 { 
    border-bottom: 1px solid #aaa; 
}

如果你使用Firefox，得到萤火虫它允许你检查任何元素的CSS属性，所以你不必去猜测如何某种风格被执行。

2010-06-11 10:53:33

你应该改变'.heading1 {...}'为'h1 {...}'。 – ANeves 2010-06-11 14:43:32

非常感谢!!!! :) – 001 2010-06-12 11:46:00

h1 { 
    border-bottom: 1px solid gray; 
}

2010-06-11 10:53:16 knittl

这可以工作以及:)谢谢 – 001 2010-06-12 11:46:54

如果DIV宽100％，你可以把一个底部边框

.heading1 { 
    border-bottom: 1px solid #000; 
    width:100%; 
}

正如大家说让萤火虫，你也可以使用谷歌Chrome浏览器的综合检查（这就像萤火虫）。

2010-06-11 10:54:51 nebkat

或Safari的综合检查员，以及。等等。 – ANeves 2010-06-11 14:44:19

边界是错误的（业余）方式来做到这一点。更好地使用“hr”标签。它使下划线的父div的宽度。将其放在要加下划线的文本或标题之后。活生生的例子：

层叠样式表

的代码是这样的（过于简单化，当然）：

<html> 
<head> 
    <title>Underline</title> 
</head> 
<body> 
    <p>Hello</p><hr> 
</body> 
</html>

希望这有助于！

2014-04-03 14:35:01 LPLP

只添加的CSS：text-decoration: underline;

2015-09-21 12:14:16 David

如何创建带下划线的div标题？