web2.0精致导航下拉菜单代码

最新推荐文章于 2023-07-16 15:10:35 发布

VIP文章流程管理

最新推荐文章于 2023-07-16 15:10:35 发布

阅读量726

点赞数

分类专栏： JS 文章标签： web function float javascript null xhtml

本文链接：https://blog.csdn.net/mych/article/details/3339665

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alone's blog--导航</title>
<style>
/* for all */
a:link,a:visited{color:#2f5795;text-decoration:none;}
a:hover,a:active{color:#000;}
*{ margin:0; padding:0;}
li{list-style:none;vertical-align:middle;}
ol li{list-style:inside decimal; padding-left:6px;}
img{ border:0;}
.FL{float:left;}
.FR{float: right;}
.Hide{border-top:1px solid transparent !important;margin-top:-1px !important;border-top:0;margin-top:0;clear:both;visibility:hidden;}
/*结构布局*/
body{font:12px/21px "宋体";color:#000;text-align:center;}
.Wp {text-align:left; margin:0 auto;width:880px;}
#Head{height:35px; background:#323334 url(img/navbg1.jpg) repeat-x; width:100%;background: url( http://www.p.cn/img/navbg2.jpg) repeat-x;}
/*公用*/
#Head .Wp{height:32px;}
#Head h1{ float:left;}
#nav{ float:right;border-left: 1px solid #818488;border-right: 1px solid #323334;}
#nav li{ float:left;}
#nav li a{width:78px; height:32px;border-right:1px solid #818488;border-left:1px solid #323334; display:block; font: bold 14px/32px "宋体";text-align:center;}
#nav a:link,#nav a:visited{color:#fff;text-decoration:none}
#nav a:hover,#nav a:active,#hover{color:#fff;font: bold 16px/32px "宋体"; background: url( http://www.p.cn/img/navbg2.jpg) repeat-x;}
   /*一级菜单*/
   #downall{position:absolute;top:33px;margin:0;padding:0;}
   #product{position:absolute;top:33px;margin:0;padding:0;}
   #product1{position:absolute;top:33px;margin:0;padding:0;}
   #product2{position:absolute;top:33px;margin:0;padding:0;}
   #product3{position:absolute;top:33px;margin:0;padding:

最低0.47元/天解锁文章

流程管理

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web2.0精致导航下拉菜单代码

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Alones blog--导航/* for all */a:link,a:visited{color:#2f5795;text-decoration:none;}a:hover,a:active{color:#000;}*
复制链接

扫一扫