css - 在 CSS 中设置下划线粗细

Question

我正在重新设计我的网站，并希望某些段落的样式如下图所示。

我认为这会很好，但现在它突然袭击了我……没有办法设置下划线的粗细！或者至少我认为没有？

当然有边框属性，但是我只会在整个段落的底部有一个边框，而不是在每一行下面。

谁能想到一个解决方法？

Answer 1

这方面的一个例子是：

h4 {border-bottom: 10px solid #000;}

我从这里发现的另一个堆栈交换问题中找到了这一点： 编辑 CSS 'underline' attibute 的线条粗细

Answer 2

你可以把你的段落变成一个inline显示：DEMO

这样，您甚至可以将 a 设置border-style为您underline的“喜欢”：

p {
  display:inline;
  border-bottom:3px double;
}

<p>标题之间的单个段落