css怎么设置虚线分割线

162 阅读 0 评论 107 点赞

我是靠谱客的博主内向面包，这篇文章主要介绍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>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<style type="text/css">
div{
    border:1px dashed red;
  height:0;
  width: 200px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
登录后复制