css怎么设置虚线分割线

ID:12679 / 打印
css设置虚线分割线的方法:1、利用“元素{height:0;}”语句,将元素的高设置为0;2、给高度为0的元素添加border属性,将元素的边框样式设置为虚线即可,语法为“border:粗细值 dashed 颜色值;”。

css怎么设置虚线分割线

本教程操作环境: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>

输出结果:

32.png

(学习视频分享:css视频教程)

上一篇: css怎么把导航栏固定住
下一篇: css3怎样实现一个梯形出来

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。