html怎么在li中间加隔开线

1、要设置隔开线可以使用border标签。打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，css样式里让li标签左浮动并加入简单的样式：

2、在css里设置border-left的样式，然后需要使用“:first-chirld”伪类让第一个li标签的border消失：

3、最后保存一下，在软件右侧的浏览器就可以观察到最终效果了。以上就是给li标签加割线的 *** 作：

用盒子模型实现竖线的效果。首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构：然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给div设置背景颜色，并给它一个高度，宽度设置为0，设置border-left属性即可做出竖线：最后打开浏览器，即可看到一个蓝色的竖线了。

插入<hr/>标签实现，修改宽度和高度实现竖线效果，由于<hr/>标签有局限性，不推荐使用；示例如下：<hr style="height:60pxwidth:1px" />。插入<table>表格标签，修改样式实现竖线效果,示例代码如下；<table style="height:60pxborder-color:000000border-left-style:solidborder-width:1px"><tr><td valign="top"></td></tr></table>

1.打开编辑器，新建一个HTML文档，并且编写基本框架。

2.新建一个CSS文档，并且关联刚刚创建的HTML文档。

3.新建一个div标签，可以看到这个div默认是没有边框的。

4.border:1pxsolidred这是我们设置边框的常用格式。

5.我们可以把边框改为点状式的。

6.也可以修改为虚线形状的。

---