纯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 伪类非常重要个人导航网页源码，必须掌握

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名？

「微信红包群规则复制」微信红包群规章制度是什么样的？

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意，一件代发的，不需要加盟费！有的留个

「微信群群主有哪些特权」微信群主有哪些特权？