纯CSS 导航
<style type="text/css">
<!--
* {
margin:0 0
}
body {
background-color: #000;
}
.mainnav li, mainnav {
float:right;
list-style:none
}
.mainnav a {
background-color: #333;
display: block;
padding:10px 20px;
font-size: 12px;
font-weight: 700;
color: #FFF;
text-decoration: none;
font-family: Arial, "宋体";
margin-left:5px;
border-top-width: 10px;
border-top-style: solid;
border-top-color: #000;
}
.mainnav a:hover,.mainnav .now{
background-color: #666;
padding-top: 14px;
padding-bottom: 14px;
border-top-width: 2px;
border-top-color: #333;
}
#pagebody {
background-color: #666;
padding:10px 10px;
}
-->
</style>
<div style="width:830px;padding:0 auto 20px;margin:0 auto">
<ul class="mainnav">
<li><a href="#" class="now">首页</a></li>
<li><a href="#">教程</a></li>
<li><a href="#">公告</a></li>
<li><a href="#">作品</a></li>
<li><a href="#">相册</a></li>
</ul>
<div>此处显示新 Div 标签的内容</div>
<div id="pagebody" style="clear:both"></div>
</div>
a:hover 伪类非常重要个人导航网页源码,必须掌握
丙肝是什么病微信交流群,丙肝母婴贴吧
耳鸣微信交流群,全国耳鸣交流群
打呼噜微信交流群,怎么加入陌生微信群
「东莞车迷微信群」求个东莞的大众高尔夫微信群
「聋人微信和扣扣群」微信有聋哑人的群吗
「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群
「启动微信群名软件」微信群怎么设置不让别人改群名?
「微信红包群规则复制」微信红包群规章制度是什么样的?
「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个
「微信群群主有哪些特权」微信群主有哪些特权?