圆角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