代码如下*{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="#">规则</a></li><li> <a href="#">论坛</a></li><li> <a href="#">安全</a></li><li> <a href="#" class="select">公益</a></li></ul></div></div></body></html>
2 回答
已采纳
李晓健
TA贡献1036条经验 获得超461个赞
ul{padding:0}ul的默认padding去掉
list-style:0; 这个的值好像没有0 应该是none
border.right:1px solid #eee; 应该是 border-right:1px solid #eee;
- 2 回答
- 0 关注
- 1319 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消