关于css中下划线的用法

关于css中下划线的用法,第1张

文本没有换行,那就用border-bottom设置一个下面的边框,当然,你得控制这个div的padding来控制下划线与文本的距离。如果文本有换行,那这个div得设置background,用一个线的作为背景平铺。比方字号是12px,行高是20px,那么这个就要做成高度也是20px。理解吗?

可以用CSS中的边框虚线来实现,CSS中border是边框,有一个属性dotted就是点划线。
1
div{border-bottom:dotted 1px #000;}
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

text-decoration:underline;

padding-bottom:2px;
border-bottom:1 solid#fff;

设置下划线,然后再设置下边缘的border属性,并让其自适应大小,就可以实现双下划线的效果,

或者也可以用带双下划线的来代替,并让其自适应

css样式中怎么加入去下划线,我们无法通过css加下划线的,不过我们可以转化一下思路,我给这个文字添加一个下边框也是一样的实现,这里我用css的方式写段代码:

<html>
<head>
<style>
p{
width:200px; 
height:20px;
color:#F90;
border-bottom: 1px solid #F90;
}
</style>
</head>
<body>

<p>我i是测试文字</p>

</body>
</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12846778.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)

保存