css如何设置下划线虚线?

css中给a标签设置下划线虚线,我们可以采用text-decoration-style属性,为普通元素设置下划线虚线,我们需要借助border-bottom属性!

css如何设置下划线虚线?

1、给a标签添加虚线下划线

<a href="#">css如何设置下划线虚线</a>

//css
a{
    text-decoration-style: dotted;
}

Snipaste_2020-01-10_14-18-15.png-600

(相关课程推荐:css视频教程

2、给普通元素添加虚线下划线

<div>
    css如何设置下划线虚线
</div>

//css
div{
    display: inline-block;
    border-bottom: 1px dashed #000;
}

Snipaste_2020-01-10_14-19-45.png-600

本文来自css3答疑栏目,欢迎学习!

以上就是css如何设置下划线虚线?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑