网页中css如何实现点划线

发布网友 发布时间：2022-04-23 03:38

我来回答

共5个回答

热心网友 时间：2022-04-06 12:49

1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：

2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：

3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：

热心网友 时间：2022-04-06 14:07

可以用CSS中的边框虚线来实现，CSS中border是边框，有一个属性dotted就是点划线。

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

热心网友 时间：2022-04-06 15:41

用这个border-bottom:dotted 1px #000;就可以实现。
就是设置下边框的方式来设置下划线。

热心网友 时间：2022-04-06 17:33

按照我这样的方式试一下，应该就成了、
ul li{ border-bottom:dotted 1px #000;}

热心网友 时间：2022-04-06 19:41

ul li{ border-bottom:dotted 1px #000;}