<div id="nav">
<ul>
<li><a href=""><strong>首页</strong><em>HOME</em></a></li>
<li><a href=""><strong>文化中心</strong><em>CULTURAL</em></a></li>
<li class="cur"><a href=""><strong>作品展示</strong><em>WORKS SHOW</em></a></li>
<li><a href=""><strong>服务报价</strong><em>SERVICE</em></a></li>
<li><a href=""><strong>团购活动</strong><em>BUYINH</em></a></li>
<li><a href=""><strong>场景介绍</strong><em>INTRODUCTION</em></a></li>
<li><a href=""><strong>客片分享</strong><em>CUSTOMER</em></a></li>
<li><a href=""><strong>新娘达人</strong><em>MASTER</em></a></li>
<li><a href=""><strong>联系我们</strong><em>CONTACT</em></a></li>
</ul>
</div>
body{margin:0;padding:0;font-size:12px;font-family:Arial,"宋体";backgorund:#fff;}/*文档清零,字体,字号,背景设置.*/
div,ul,li,p,form,h1,h2,h3,h4,h5,input,dl,dt,dd,fieldset,table,tr,td{margin:0;padding:0;}/*边界元素清零*/
ul,li,ol{list-style:none;}/*去除列表符号*/
img{border:none;}/*去除图片按钮边框*/
a{text-decoration:none;}/*去除超链接下划线*/
img,input,textarea{vertical-align:middle;}
.clear{ clear:both;}
table{margin:0 auto}
td{border:#000 solid 1px;}
#nav {
width:100%;
height:54px;
clear:both;
border-top:solid 1px #cac9c9;
border-bottom:solid 1px #cac9c9
}
#nav ul {
width:1008px;
height:54px;
margin:0 auto;
}
#nav li {
font-size:16px;
font-weight:bold;
text-align:center;
width:100px;
height:54px;
float:left;
margin:0 6px;
position:relative;
_display:inline;
}
#nav li a {
color:#616161;
text-decoration:none;
display:block;
height:36px;
padding:9px 0
}
#nav li strong {
line-height:18px;
display:block;
}
#nav li em {
font-size:14px;
line-height:18px;
display:block;
}
#nav .cur a,#nav a:hover {
color:#fff;
background:#c00202
}
#nav a:hover:after,#nav a:hover:before,#nav .cur a:after,#nav .cur a:before {
position:absolute;
content:"";
border-style:solid;
border-width:0 0 54px 28px;
}
#nav a:hover:after,#nav .cur a:after {
border-color:transparent transparent transparent #ccc;
top:0;
right:-28px;
}
#nav a:hover:before,#nav .cur a:before {
border-color:transparent transparent #ffd800 transparent;
top:0;
left:-28px;
}