CSS的虚线样式怎么写

这篇文章主要讲解了“CSS的虚线样式怎么写”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS的虚线样式怎么写”吧！讲到css虚线样式，应该会想到border的solid，网页布局中solid用的概率最高了，要有css虚线的效果还可以用图片做背景，但是不推荐，尽量使用css虚线样式做这个虚线的效果，那么css虚线样式就是border中的dotted和dashed，这两种都是css虚线，但是他们是有区别的。

1.dotted虚线

虚线

*{

margin:100px;

padding:0;

}

body{

widt免费云主机、域名h:1000px;

margin:0 auto;

}

.box{

width:300px;height:50px;

text-align:center;

padding-top:30px;

border:1px dotted #000;

}

2.dashed虚线

虚线

*{

margin:100px;

padding:0;

}

body{

width:1000px;

margin:0 auto;

}

.box{

width:300px;height:50px;

text-align:center;

padding-top:30px;

border:1px dashed #000;

}

感谢各位的阅读，以上就是“CSS的虚线样式怎么写”的内容了，经过本文的学习后，相信大家对CSS的虚线样式怎么写这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是云技术，小编将为大家推送更多相关知识点的文章，欢迎关注！

相关推荐: Css中基础知识点有哪些

这篇文章给大家分享的是有关Css中基础知识点有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。块元素、内联元素块元素是一个元素，占用了全部宽度，在前后都是换行符内联元素只需要必要的宽度，不强制换行。框模型，所有HTML元素可以看作…