zoukankan      html  css  js  c++  java
  • 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;
            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>
  • 相关阅读:
    bzoj1081 [SCOI2005]超级格雷码
    bzoj3790 神奇项链
    bzoj2822 [AHOI2012]树屋阶梯
    bzoj1485 [HNOI2009]有趣的数列
    bzoj1486 [HNOI2009]最小圈
    bzoj2721 [Violet 5]樱花
    POJ 1238 Substrings
    ZOJ Team Formation
    POJ 1459 Power Network
    POJ 1458 Common Subsequence
  • 原文地址:https://www.cnblogs.com/weekend001/p/1580344.html
Copyright © 2011-2022 走看看