tab

<style type="text/css">
    ul,li
    {
      margin:0;
      padding:0;
    }
    #nav
    {
        border-bottom:1px solid #77B1E7;
    }
    .clear
    {
       clear:both;
    }
    ul
    {
        float:left;
        font-size:14px;
        margin-bottom:-1px; /*这里一行最重要,设置为-1px 才能启作用。*/
        padding-left:10px;
        width:99%;
    }
    ul li
    {
      list-style-type:none;
      float:left;
      margin-right:3px;
      list-style-image:none;
      list-style-position:outside;
    }
    ul li a.current_nav:link,ul li a.current_nav:visited,ul li a.current_nav:hover,ul li a.current_nav:active
    {
        background-color:white;
        border-bottom:1px solid white;
        color:black;
        cursor:default;
        letter-spacing:0;
        margin-top:0;
        padding:5px 10px 4px;
    }
    ul li a:link,ul li a:visited,ul li a:hover,ul li a:active
    {
        background-color:#59A0E1;
        border:1px solid #77B1E7;
        color:white;
        float:left;
        letter-spacing:1px;
        padding:5px 10px 4px;
        text-decoration:none;
    }
    </style>
</head>
<body>
<div id="nav">
<ul id="ul">
<li><a title="好友和关注的动态" class="current_nav" href="#">最新动态</a> </li> <li><a class="" href="#">好友的</a> </li>
<li><a class="" href="#">关注的</a> </li>
<li><a class="" href="#">我的</a> </li>
<li><a class="" href="#">全站sssss中华人民共和国</a> </li>
</ul>
<div class="clear" ></div>
</div>
</body>
posted @ 2009-10-10 15:55  code_flyer  阅读(192)  评论(0编辑  收藏  举报