纯css圆角下拉菜单源码(内部css).doc
文本预览下载声明
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title纯css圆角下拉菜单/title
style type=text/css
*{margin:0; padding:0;}
#nav{
width:608px;
margin:10px auto;
font-family:Arial;
font-size:16px;
color:#0000FF;}
#nav b{
clear:both;
display:block;
height:1px;
background: #555;
}
.b1,.b10{margin:0 4px;}
.b2,.b9{margin:0 3px; border-left:solid 1px; border-right:solid 1px;}
.b3,.b8{margin:0 2px; border-left:solid 1px; border-right:solid 1px;}
.b4,.b7{margin:0 1px;border-left:solid 1px; border-right:solid 1px;}
.b5,.b6{margin:0;}
#nav #dh{
height:24px;
background: #555;
}
#nav #dh a{display:block;
text-decoration:none;
float:left;
width:100px;
text-align:center;
border-right:solid #CCC 1px;
line-height:150%;
color: #FFF;
position:relative;
}
#nav #dh a.limit{
border:none;
}
#nav #dh a ul{
list-style:none;
position: absolute;
display:none;
background: #555;
left:0;
top:24px;
}
#nav #dh a ul li{
width:100px;
}
#nav #dh a:hover ul{
display:block;
}
#nav #dh a:hover ul li:hover{
background:#CC9966;
color:#FFFF00;
}
/style
/head
body
div id=nav
b class=b1/b
b class=b2/b
b class=b3/b
b class=b4/b
b class=b5/b
div id=dh
a href=首页
ul
li关于我们/li
li联系我们/li
/ul
/a
a href=公司
ul
li公司简介/li
li友情合作/li
li地址/li
/ul
/a
a href=内销部
ul
li5D电影设备/li
li车载5D电影/li
li5D动感影院/li
/ul
/a
a href=展厅
ul
li勇者幻境/li
li5D电影院/li
li5D影院加盟/li
/ul
/a
a href=外贸部
ul
li合作案例/li
li菲律宾/li
li韩国/li
/ul
/a
a class=limit href=生产线
ul
li工厂/li
li1/li
li2/li
/ul
/a
/div
b class=b6/b
b class=b7/b
b class=b8/b
b class=b9/b
b clas
显示全部