链接右对齐

 

    将导航条最右边的选项设置右对齐(float:right;)：

 

    实例

 

<ul>

 

  <li><a href="#home">主页</a></li>

 

  <li><a href="#news">新闻</a></li>

 

  <li><a href="#contact">联系</a></li>

 

  <li style="float:right"><a class="active" href="#about">关于</a></li>

 

</ul>

 

    添加分割线

 

    <li>通过border-right样式来添加分割线:

 

    实例

 

/* 除了最后一个选项(last-child) 其他的都添加分割线 */

 

li {

 

    border-right: 1px solid #bbb;

 

}

 

 

 

li:last-child {

 

    border-right: none;

 

}