固定导航条

 

    可以设置页面的导航条固定在头部或者底部：

 

    固定在头部

 

ul {

 

    position: fixed;

 

    top: 0;

 

    width: 100%;

 

}

 

    固定在底部

 

ul {

 

    position: fixed;

 

    bottom: 0;

 

    width: 100%;

 

}

 

    注意:该实例可以在移动设备上使用。

 

    灰色水平导航条

 

    灰色水平导航条

 

ul {

 

    border: 1px solid #e7e7e7;

 

    background-color: #f3f3f3;

 

}

 

 

 

li a {

 

    color: #666;

 

}