PHP前端开发

css怎么设置虚线分割线

百变鹏仔 3个月前 (09-20) #CSS
文章标签 虚线
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视频教程)