Dreamweaver CSS导航条居中
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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" />
<style>
.tab{float:left; font-size:12px; line-height:1.8}
.tab li{display:inline;}
.tab li a{background:url(http://www.zishu.cn/attachments/month_0807/c20087190840.gif) no-repeat;float:left;text-decoration:none;}
.tab li a span{ display:block; background:url(http://www.zishu.cn/attachments/month_0807/c20087190840.gif) no-repeat; padding:5px 10px 5px 20px;}
.tab a:link,.tab a:visited{ background-position:right -51px; text-decoration:none}
.tab a:hover,.tab a:active,.tab a.on,.tab a.on:link,.tab a.on:visited{ background-position:right -162px;}
.tab a:link span,.tab a:visited span{ background-position:0 0; color:#FFF; text-decoration:none}
.tab a:hover span,.tab a:active span,.tab a.on span,.tab a.on:link span,.tab a.on:visited span{ background-position:0 -107px; color:#000;}
.tab .one a:link span,.tab .one a:visited span{ background-position:left -262px; padding-left:30px;}
.tab .one a:hover span,.tab .one a:active span,.tab .one .on:link span,.tab .one .on:visited span{ background-position:left -212px; padding-left:30px; color:#000}
</style>
</head>
<body>
<ul class="tab">
<li class="one"><a href="http://fenlei.zishu.cn/beijing/index.php" target="_blank" class="on"><span>城市首页</span></a></li>
<li><a href="kAAE.php"><span>房屋租售</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAI.php" target="_blank"><span>招聘求职</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAk.php" target="_blank"><span>同城活动</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAU.php" target="_blank"><span>家政服务</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAt.php" target="_blank"><span>同城寻缘</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAs.php" target="_blank"><span>二手市场</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAh.php" target="_blank"><span>车辆买卖</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAO.php" target="_blank"><span>学习培训</span></a></li>
</ul>
<div style="font-size:12px; margin:50px; clear:both">
</body>
</html>
请问怎样让它居中
可以嵌套在表格里吗 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.tab{float:left; font-size:12px; line-height:1.8}
.tab li{display:inline;}
.tab li a{background:url(http://www.zishu.cn/attachments/month_0807/c20087190840.gif) no-repeat;float:left;text-decoration:none;}
.tab li a span{ display:block; background:url(http://www.zishu.cn/attachments/month_0807/c20087190840.gif) no-repeat; padding:5px 10px 5px 20px;}
.tab a:link,.tab a:visited{ background-position:right -51px; text-decoration:none}
.tab a:hover,.tab a:active,.tab a.on,.tab a.on:link,.tab a.on:visited{ background-position:right -162px;}
.tab a:link span,.tab a:visited span{ background-position:0 0; color:#FFF; text-decoration:none}
.tab a:hover span,.tab a:active span,.tab a.on span,.tab a.on:link span,.tab a.on:visited span{ background-position:0 -107px; color:#000;}
.tab .one a:link span,.tab .one a:visited span{ background-position:left -262px; padding-left:30px;}
.tab .one a:hover span,.tab .one a:active span,.tab .one .on:link span,.tab .one .on:visited span{ background-position:left -212px; padding-left:30px; color:#000}
</style>
</head>
<body>
<ul class="tab">
<li class="one"><a href="http://fenlei.zishu.cn/beijing/index.php" target="_blank" class="on"><span>城市首页</span></a></li>
<li><a href="kAAE.php"><span>房屋租售</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAI.php" target="_blank"><span>招聘求职</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAk.php" target="_blank"><span>同城活动</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAU.php" target="_blank"><span>家政服务</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAt.php" target="_blank"><span>同城寻缘</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAs.php" target="_blank"><span>二手市场</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAh.php" target="_blank"><span>车辆买卖</span></a></li>
<li><a href="http://fenlei.zishu.cn/beijing/kAAO.php" target="_blank"><span>学习培训</span></a></li>
</ul>
<div style="font-size:12px; margin:50px; clear:both">
</body>
</html>
请问怎样让它居中
可以嵌套在表格里吗 展开
1个回答
展开全部
在.tab{}中添加 margin:opx auto;
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
