css3 侧边导航和横向导航

1.body中代码如下

<!--  横向-->
<ul class="navbar">
    <li><a href="#">主页</a></li>
    <li><a href="#">空间</a></li>
    <li><a href="#">用户</a></li>
    <li><a href="#">系统</a></li>
</ul>

<!--  侧边导航， ul>li*4>a 按下tab键-->
<ul class="side-menu">
    <li><a href="#">主页</a></li>
    <li><a href="#">空间</a></li>
    <li><a href="#">用户</a></li>
    <li><a href="#">系统</a></li>
</ul>

2.样式代码如下

 body {
            font-family:'Microsoft JhengHei', '微软雅黑', STXihei

        }
        /*设置横向导航*/
        .navbar