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>