p{ border: 1px dashed black; /*四边1像素粗虚线,颜色为黑色*/ }
若想要设置虚线的宽度或颜色,可以在border-width和border-color属性中进行设置。
p{ border-style: dashed; border-width: 2px; border-color: red; }
同时,也可以将四个方向的虚线的样式分别设置。
p{ border-top: 2px dashed blue; /*上边2像素粗虚线,颜色为蓝色*/ border-bottom: 2px dashed blue; /*下边2像素粗虚线,颜色为蓝色*/ border-left: 1px dashed red; /*左边1像素粗虚线,颜色为红色*/ border-right: 1px dashed red; /*右边1像素粗虚线,颜色为红色*/ }
以上就是关于如何定义四边为虚线的CSS样式,希望可以对你的开发工作有所帮助。