CSS导航条中加分隔线ul { list-style: none; padding: 0; margin: 0; } li { display: inline-block; padding: 10px; border-right: 1px solid #ccc; } li:last-child { border-right: none; }

CSS导航条中加分隔线

在网页设计中，经常要使用导航条，导航条可以让用户更方便地找到需要的内容。在导航条中，不同的链接之间通常需要加一个分隔线，以便区分不同的链接。

在CSS中，可以使用边框（border）来实现导航条中的分隔线。以下是一种简单的实现方式：

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
li {
    display: inline-block;
    padding: 10px;
    border-right: 1px solid #ccc;
}
 
li:last-child {
    border-right: none;
}

以上代码将一个无序列表（ul）中的所有列表项（li）设置为行内块元素（inline-block），并添加10像素的内边距。同时，每个列表项的右侧设置了1像素宽的灰色边框，最后一个列表项除外。

通过这种方式，我们可以在导航条中轻松地添加分隔线，使得不同的链接更加清晰，方便用户操作。