<style type="text/css">
.nav{width:100%;}
.nav ul{list-style:none;}/*父元素 +空格+子元素*/
.nal li{
width:120px;
float:left; /*浮动*/
text-align:center;
font-weight:bold;
}
.nav li a{padding:8px 15px;}
.nav li a:link{ /*未访问超链接样式*/
color:#333;
font-size:13px;
}
.nav li a:visited{ /*单击访问的超链接样式*/
color:#6600CC;
font-size:13px;
}
.nav li a:hover{ /*鼠标悬停的超链接样式*/
color:#009900;
font-size:20px;
}
.nav li a:active{ /*鼠标单击未释放的超链接样式*/
color:#CC00FF;
font-size:13px;
}
</style></head>
<body>
<div class="nav">
<ul>
<li><a href="#">家电电器</a></li>
<li><a href="#">手机数码</a></li>
<li><a href="#">日用百货</a></li>
</ul>
</div>
</body> <!--nav end-->
(运行结果没有显示横排..请大家帮忙..先谢谢了..)
.nav{width:100%;}
.nav ul{list-style:none;}/*父元素 +空格+子元素*/
.nal li{
width:120px;
float:left; /*浮动*/
text-align:center;
font-weight:bold;
}
.nav li a{padding:8px 15px;}
.nav li a:link{ /*未访问超链接样式*/
color:#333;
font-size:13px;
}
.nav li a:visited{ /*单击访问的超链接样式*/
color:#6600CC;
font-size:13px;
}
.nav li a:hover{ /*鼠标悬停的超链接样式*/
color:#009900;
font-size:20px;
}
.nav li a:active{ /*鼠标单击未释放的超链接样式*/
color:#CC00FF;
font-size:13px;
}
</style></head>
<body>
<div class="nav">
<ul>
<li><a href="#">家电电器</a></li>
<li><a href="#">手机数码</a></li>
<li><a href="#">日用百货</a></li>
</ul>
</div>
</body> <!--nav end-->
(运行结果没有显示横排..请大家帮忙..先谢谢了..)
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货