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
  • 相关阅读:
    MobaXtern显示中文
    SD卡识别——记一次stm32识别BanqSD卡 V2.0识别失败的经历。
    《Java 底层原理》Jvm GC算法
    《Java 并发编程》ThreadLock详解
    《Java 底层原理》Jvm对象结构和指针压缩
    《Java 底层原理》Java内存模型
    《Java 底层原理》Java 字节码详解
    jinjia2中的变量使用
    jsonify和json的区别
    虚拟环境是什么?有什么用?怎么用?
  • 原文地址:https://www.cnblogs.com/wangbin/p/1920666.html
Copyright © 2011-2022 走看看