下拉導(dǎo)航樣式設(shè)計方法:
?
? ?
?
ul,a{
font-size: 20px;? /*字體大小*/
background-color: #pink;? /*背景顏色*/
color: #fff;? /*字體顏色*/
width: 100px;? /*寬度*/
text-align: center;? /*水平位置*/
}
?
a{
display: block;
}
?
.plat{ display: none; }
?
.content:hover .plat{ display: block; clear: both; }
?
?
?
----------例:---------------
?
?
? {pboot:nav}
? ? ? {pboot:2nav parent=[nav:scode]}
? ? ? {/pboot:2nav}
? ?
? ?
?
? {/pboot:nav}
?
.dh_nav{background-color:#00549d;}
.dh_nav ul{overflow:hidden;}
.dh_nav li{float:left;}
.dh_nav li a{display:block; _float:left; padding:0 20px; height:45px; line-height:45px; font-size:14px; color:#fff; text-decoration:none; font-family:microsoft yahei;}
.dh_nav li a.navHome{padding:0 19px;}
.dh_nav li a.navCur , .dh_nav li a:hover{background-color:#00b834;}
.dh_nav .cur a,.nav li a:hover{background-color:#00b834;}
.dh_nav li.li_hot{position:relative;}
.dh_nav li.li_hot i{position:absolute; right:10px; top:4px; width:19px; height:12px; background:url(../images/hot_ico.png) no-repeat center;}
?
.sub{display: none; position: absolute; top: 190px; background: #00549d;}
.dh_nav li:hover .sub{ display: block; clear: both; }
?
?
?
副帶 pbootcms 程序調(diào)用指定文件夾中的圖片規(guī)則:
?