zoukankan      html  css  js  c++  java
  • 圆角TAB

    TAB

        最新博文

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>TAB</title>
    </head>
    <style type="text/css">
    #tabnav{height:25px;padding-top:10px;background:#E9F3FF;590px;float:left;}
    #tabnav .here{font-weight: bold}
    #tabnav a{text-decoration: none;color:#191970;}
    #tabnav a:hover{text-decoration: none;color:#C60;}
    div.RoundedCorner{background: #9BD1FA;100px;float:left;margin: 0 10px;text-align:center;font-size:14px;}
    b.rtop{display:block;background: #E9F3FF}
    b.rtop b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
    b.r1{margin: 0 5px}
    b.r2{margin: 0 3px}
    b.r3{margin: 0 2px}
    b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
    </style>
    <div id="tabnav">
    <div class="RoundedCorner"><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><span class="here">最新博文</span></div>
    <div class="RoundedCorner"><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><a href="">推荐博文</a></div>
    <div class="RoundedCorner"><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><a href="">热点博文</a></div>
    </div>
    </body>
    </html>
    

    aliyun活动 https://www.aliyun.com/acts/limit-buy?userCode=re2o7acl
  • 相关阅读:
    jQuery
    jquery获得内容
    获得链接中 href 属性的值
    遍历及过滤 first(), last() 和 eq() filter() 和 not()
    siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() 在 DOM 树中水平遍历
    后代children() find()的区别
    parent() parents() parentsUntil()三者之间的对比
    拿到类名为two_data的里面自定义属性为data的值为14的话,就给这行代码在添加一个class等于active的类
    动态给某一个元素添加active
    Jquery中拿到相同的对应的所有的标签
  • 原文地址:https://www.cnblogs.com/wangbin/p/1920666.html
Copyright © 2011-2022 走看看