gpt4 book ai didi

html - 下划线粗细

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

我试图控制下划线的粗细,但是,它似乎只是一条不符合文本的巨大水平线。如何让文本下划线与文本的粗细相同:

<!DOCTYPE>
<html>
<head>
<style type="text/css">
.title {

border-bottom: 2px solid red;

}
</style>
</head>
<body>
<div class="title">test</div>
</body>
</html>

最佳答案

“border-bottom”样式被添加到“div”标签中。因为默认情况下“divs”设置为“显示: block ;” div 的宽度为 100%。要解决此问题,请在文本周围添加另一个标签并将类赋予该标签。

例如:<div><span class="title">test</span></div>

新代码:

<!DOCTYPE>
<html>
<head>
<style type="text/css">
.title {

border-bottom: 2px solid red;

}
</style>
</head>
<body>
<div><span class="title">test</span></div>
</body>
</html>

关于html - 下划线粗细,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13612868/

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