CSS 边框虚线 dotted 和 dashed 的区别

都是虚线,dotted 和 dashed 有什么不同?简单来说,dashed 是由破折号组成的虚线;而 dotted 是由点组成的虚线。

直接看示例最直接,具体效果如下:

这里上下是点虚线,左右是破折号虚线:

background-color:#efefef;
width:260px;
height:260px;
padding:30px;
border: 4px red;
border-style:dotted dashed;

相关文章