◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
css设置虚线分割线的方法:1、利用“元素{height:0;}”语句,将元素的高设置为0;2、给高度为0的元素添加border属性,将元素的边框样式设置为虚线即可,语法为“border:粗细值 dashed 颜色值;”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css怎么设置虚线分割线
将一个空div元素的高度值设置为0,宽度值就是虚线的长度值,再通过border属性,将边框定义为虚线即可得到一个虚线分割线。
示例如下:
立即学习“前端免费学习笔记(深入)”;
<html> <head> <style type="text/css"> div{ border:1px dashed red; height:0; width: 200px; } </style> </head> <body> <div></div> </body> </html>
输出结果:
(学习视频分享:css视频教程)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。