css下划线加粗怎么弄(css中加下划线)

在CSS中，可以使用伪元素：after来实现下划线。这是一个例子：

HTML部分：

``html这是一个带下划线的标题

``

CSS部分（style.css）：

```cssh1{相对位置：display:内联块；字体大小：28px；字体粗细：粗体；颜色：#333;填充底部：8px;}

h1:after{content:'';绝对位置：底部：0;左：0；宽度：高度：1px；背景颜色：#333;}```

在上面的例子中，我们首先将`h1`元素设置为相对定位，并将其显示属性设置为`inline-block`，使下划线的宽度与标题文本的宽度匹配。然后，我们将标题的底部填充设置为8px，以便下划线和标题之间有一些空间。

接下来，我们使用伪元素“:after”在h1元素的底部创建一个定位元素。我们将其内容设置为空字符串，并将其底部和左侧属性设置为“0”，宽度属性设置为“1px”，高度属性设置为“1px”，背景颜色属性设置为黑色。这将创建一个与“h1”元素底部对齐的细长黑框，从而创建下划线效果。

这样，您只需将上述CSS代码应用到相应的元素即可为任何元素添加下划线效果。