gpt4 book ai didi

html - 是否可以从开发者在CSS中使用 `text-decoration: underline;`创建下划线时更改为下划线高度?

转载 作者:搜寻专家 更新时间:2023-10-31 22:37:35 24 4
gpt4 key购买 nike

是否可以从开发者在CSS中使用text-decoration: underline;创建下划线时更改为下划线高度?

我使用 CSS 使“id”为“#title4”的单词“about”带有下划线,我想知道如何更改从下划线到单词的高度距离,以便有一个更大的两者之间的差距?

我正在寻找的例子

enter image description here

#title4 {
font-size: 2.5rem;
font-weight: 700;
margin-top: 5rem;
text-decoration: underline;
}

Site code

最佳答案

不幸的是,您无法控制 text-decoration 高度和文本间距。所以我使用了border-bottom。希望这会对您有所帮助。

#title4 {
font-size: 2.5rem;
font-weight: 700;
margin-top: 5rem;
border-bottom: 5px solid #000;
display: inline-block;
padding-bottom: 10px;
font-family: sans-serif;
}
<h1 class="text-center" id="title4">About</h1>

关于html - 是否可以从开发者在CSS中使用 `text-decoration: underline;`创建下划线时更改为下划线高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45565868/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com