js如何让li标签的内容带下划虚线

js如何让li标签的内容带下划虚线

在js中，可以使用borderBottom属性让li标签带下划虚线。下面小编举例讲解js如何让li标签的内容带下划虚线。

新建一个html文件，命名为test.html，用于讲解js如何让li标签的内容带下划虚线。

在test.html文件内，使用ul标签创建一个列表，用于测试。

在test.html文件内，设置ul标签的id属性为zone。

在test.html文件内，创建script标签，用于编写js代码。

在js标签内，通过id获得ul对象，利用borderBottom属性设置为“1px dashed #ccc”，即1px宽的灰色虚线。

在浏览器打开test.html文件，查看结果。

1、使用ul标签创建一个列表，设置ul标签的id属性为zone。2、在js标签内，通过id获得ul对象，利用borderBottom属性设置为“1px dashed #ccc”，即1px宽的灰色虚线。3、在浏览器打开test.html文件，查看结果。