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

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

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

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

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

「微信群移出群聊 - 百度」在微信群被移出群聊，所有人都看得到吗？

「微信群新消息要手动翻」微信群聊时一有新消息就跳到最新消息处，完全没法翻看以前的聊天记录 怎么设置？

「手机自动拉人进微信群」怎样把手机联系人拉进微信群中

「大学宿舍微信群名称」你们宿舍微信群的群名叫什么？为什么这么叫？

「微信抢红包埋雷群规」红包群禁抢什么意思

「微信群买卖是真的吗」我想知道微信群是到底怎么出售的？