gpt4 book ai didi

html - 如何使用填充在标题下方画线到标题大小

转载 作者:太空宇宙 更新时间:2023-11-04 02:14:08 25 4
gpt4 key购买 nike

我想在标题下面放一条线到标题大小,如果我使用 border-bottom 那么线和标题之间就没有空格了。所以我需要一些其他的解决方案。 Style need to be like this

 h2 {
color: #0085c3;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 33px;
font-weight: 600;
line-height: 30px;
margin: 40px auto 25px;
text-align: center;
}
h2::after {
background: #000;
display: block;
height: 2px;
width: 50px;
}

最佳答案

你使用的border-bottom很好,现在你可以使用padding-bottom来增加空间。像这样:

h2 {
color: #0085c3;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 33px;
font-weight: 600;
line-height: 30px;
margin: 40px auto 25px;
text-align: center;
}
h2 span {
border-bottom: 1px solid #0085c3;
padding-bottom: 10px;
}
<h2><span>ADVERTISING</span></h2>

关于html - 如何使用填充在标题下方画线到标题大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39191620/

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