层叠样式表

Question

参见维基百科http://en.wikipedia.org/wiki/Css

如果您查看标题，则会显示“层叠样式表”，然后它会显示下划线。

你是怎么做到的？

.heading1 {
/* heading with underline */
}

Answer 1

使用边框：

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

如果您正在使用Firefox，请使用Firebug，它允许您检查任何元素的CSS属性，这样您就不必猜测某个样式是如何实现的。

Answer 2

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

Answer 3

只需添加css：when.all([ check_tasksAssigned(data) .then(function(resp1) { perm1 = resp1; }), check_projectMembers(data) .then(function(resp2) { perm2 = resp2; }) ]) .then(finish);

Answer 4

如果div为100％宽，则可以放置底部边框

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

正如大家所说，得到萤火虫，你也可以使用google chrome的综合检查员（就像萤火虫一样）。

Answer 5

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

层叠样式表

代码看起来像这样（当然是过于简化）：

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

希望这有帮助！

如何使用下划线创建div标签？

5 个答案:

层叠样式表