Html 是否可以从开发人员使用“文本装饰：下划线；”时更改为下划线高度在CSS中创建下划线？

是否可以从开发人员使用

文本装饰：下划线时更改为下划线高度

使用CSS，我让“about”这个“id”为“#title4”的单词有一个下划线，我想知道如何改变下划线与单词之间的高度距离，使两者之间的距离更大

我要找的例子


这应该满足您的需求。尝试使用border bottom，如下所述：


希望这对您有所帮助。
不幸的是，您无法控制
文本装饰
文本之间的高度和间距。所以我使用了
边框底部
。希望这能对你有所帮助


#标题4{
字体大小：2.5rem；
字号：700；
边缘顶部：5雷姆；
边框底部：5px实心#000；
显示：内联块；
垫底：10px；
字体系列：无衬线；
}
关于
否。您不能这样做，但有一个解决办法

如果您选择如下方式：
#tile4{边框底部：2px；实心#CCC；填充底部：4px}
所以基本上，你的下边框变成了你的“下划线”

您可以根据需要调整填充底部，实际下划线的颜色和宽度也是如此。
您可以使用伪元素

#title4 {
position: relative;
font-size: 2.5rem;
font-weight: 700;
margin-top: 5rem;
padding-bottom: 15px;}

#title4:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 50px;
margin: 0 auto;
height: 3px;
background: #000;}

我们可以使用
背景
而不是
边框
或
文本装饰
来进行完全控制


span{
--颜色：红色；
--位置：中底；
--宽度：50px；
--高度：5px；
背景：线性梯度（var（--color）、var（--color）、var（--position）/var（--width、var（--height）无重复；
垫底：10px；
字体：粗体2.5rem无衬线；
}
关于
文本装饰厚度CSS属性设置元素中文本上使用的装饰线的厚度或宽度，例如线穿过、下划线或上划线

（Edge 87、Firefox 70、Safari 12、Chrome 87）

语法：自动|从字体| |

e、 g。
.css\u类
{
文字装饰：下划线；
文字装饰颜色：红色；
文字装饰风格：立体；
文字装饰厚度：5px；
}
Test
我迟到了，但这对某人还是有用的。
通过使用
文本下划线偏移量：…px
可以更改它们之间的间距。
您还可以使用
文本下划线偏移量
设置单词和下划线之间的分隔空间。现在，在具有
文本装饰厚度
和
文本下划线偏移量
#title4 {
position: relative;
font-size: 2.5rem;
font-weight: 700;
margin-top: 5rem;
padding-bottom: 15px;}

#title4:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 50px;
margin: 0 auto;
height: 3px;
background: #000;}