700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css设置border 虚线线框 线之间的间距

css设置border 虚线线框 线之间的间距

时间:2019-03-19 13:13:48

相关推荐

css设置border 虚线线框 线之间的间距

普通的设置border是不能调整间距的,比如:

.test-border-line{

border: 1px dashed red;

margin-top: 20px;

}

这样是不能调整虚线之间的间距,

我们可以使用背景图片的方式:

.test-border-line{

height: 1px;

background-image: linear-gradient(to right, #E7C737 0%, #28B35B 50%, transparent 0%);

background-size: 14px 1px;

background-repeat: repeat-x;

}

background-size的数值越大,间距越大

记录问题,希望和大家一起学习!

以上为作者原创,转载必须附上来源!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。