html怎么在li中间加隔开线

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

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

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

现在HTML的结构是一个div包含了这些文字，里面没有别的可用元素，父元素是更大的框了。

由于是插件生成的HTML，所以HTML没法改，觉得不到万不得已最好也别改插件，以后更新版本又得改，很麻烦。

有没有什么办法使用CSS实现这样的效果，主要这个绿条前面有个深色部分，所以也没法用border做。

考虑过用after，不过不太会用这个东西，试了几种写法都没有这种效果。

加竖线可以在产品介绍或产品评论加边框线。前者加右边框线或后者加左边看下就可以了。

至于加减肯定要用js来做，给加和减添加点击事件，点击减的时候判断文本框是否是1，如果是点击减号就返回，点击加号文本框的值加1就可以了。

---