Question

html怎么在li中间加隔开线

如：
购物 | 卖出 | 收入

Answer 1

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

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

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

Answer 2

1、打开编辑测试的软件，设置一个div区域，li标签因为默认的需要换行，所以需要设置一个浮动点，float:left;使其靠左浮动对齐；主要代码如下：

<style>
.ceshi{
    width:100%;
    height:30px;
    background-color:#F00;
    color:#FFF;
    }
.ceshi ul{ width:820px; margin:0 auto;}
.ceshi ul li{width:180px; height:30px; float:left; list-style-type:none; text-align:center; line-height:30px; border-right:1px solid #FFF;}
</style>
<div class="ceshi">
    <ul>
        <li>li标签右边框</li>
        <li>li标签右边框</li>
        <li>li标签右边框</li>
        <li>li标签右边框</li>
    </ul>
</div>

详解：设置一个宽度：100%，高度为30px的区域，再次设置一下背景颜色与字体颜色，使其区分开；

设置一个ul宽度，让其在div区域中居中对齐；

最后也是最关键的li标签设置：宽度180px高度同样30px；靠左浮动float:left; list-style-type:none;去除左侧的点，然后使字体居中对齐center;最后设置li标签的分隔线，这里用边框属性就可以实现此功能；border-right:1px solid #FFF;   border是边框默认的是四周；border-right在li标签右侧添加边框也可以理解为分割线：solid为分隔线的样式；#FFF为分隔线的颜色；

2、网页中实现的效果为：

Answer 3

border-right:1px solid #00000;
border ：边框
border-right: ： 边框-右边
1px solid #00000 ：边框宽度, 边框样式,边框颜色

建议看一下HTML+CSS视频教程 更加容易理解
百度一下 “Web易学” 上面有HTML+CSS视频教程

Answer 4

border-right:1px solid #999;