代碼如下*{margin:0;? border:0;? list-style:0;? font-size:12px;}.notice{width:298px;? ? ? ? height:98px; margin:10px; border:1px solid #eee; overflow:hidden;}.notice-tit{height:27px;? ? ? ? ? ? position:relative; background:#F7F7F7;}.notice-tit ul{position:absolute;? ? ? ? ? ? ? ?width:301px; ? left:-1px;} ??.notice-tit li{float:left;? ? ? ? ? ? ? ?width:58px; ? height:26px; ? line-height:26px; ? text-align:center; ? overflow:hidden; ? background:#FFF; ? padding:0 1px; ? border-bottom:1px solid #eee; ??}.notice-tit li.select{background:#FFF;border-bottom-color:#FFF;border-left:1px solid #eee;border.right:1px solid #eee;padding:0;font-weight:bolder;}.notice-tit li a:link,.notice-tit li a:visited{text-decoration:none;color:#000;}.notice-tit li a:hover{color:#F90;}<!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" /><link type="text/css" rel="stylesheet" href="css/style.css" /><title>Tab切換</title></head><body><div id="notice" class="notice"><div id="notice-tit" class="notice-tit"><ul><li>? ? ?<a href="#">公告</a></li><li>? ? ?<a href="#">規(guī)則</a></li><li>? ? ?<a href="#">論壇</a></li><li>? ? ?<a href="#">安全</a></li><li>? ? ?<a href="#" class="select">公益</a></li></ul></div></div></body></html>
添加回答
舉報(bào)
0/150
提交
取消