div css下拉导航菜单(图+演示)，div css下拉导航菜单,css导航菜单下拉

CSS导航菜单(CSS下拉菜单演示图)

查看演示-CSS下拉菜单样式：下拉导航菜单/

以下有DIV CSS下拉菜单打包源文件下载。

HTML代码如下：

DIV CSS下拉菜单-DIVCSS5

css代码：

/* css */

.ddsmoothmenu {

MARGIN: 0px auto; FONT: 12px Verdana; WIDTH: 730px

}

.ddsmoothmenu UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px;BACKGROUND: #2b9801; Z-INDEX: 100; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none

}

.ddsmoothmenu UL LI {

DISPLAY: block; FLOAT: left; WIDTH: 81px; LINE-HEIGHT: 31px; POSITION: relative; TEXT-ALIGN: center

}

HTML .ddsmoothmenu UL LI {

FLOAT: left; WIDTH: 81px; LINE-HEIGHT: 31px; POSITION: relative; TEXT-ALIGN: center

}

.ddsmoothmenu UL LI A {

DISPLAY: block; FONT-WEIGHT: bold; WIDTH: 81px; TEXT-DECORATION: none

}

.ddsmoothmenu UL LI A:link {

COLOR: #fff

}

.ddsmoothmenu UL LI A:visited {

COLOR: #fff

}

.ddsmoothmenu UL LI A:hover {

COLOR: #ffff00

}

.ddsmoothmenu UL LI UL {

LEFT: 0px; VISIBILITY: hidden; POSITION: absolute

}

.ddsmoothmenu UL LI UL LI {

BACKGROUND: #2b9801; FLOAT: left; WIDTH: 81px; LINE-HEIGHT: 25px; BORDER-BOTTOM: #96d47d 1px solid

}

.ddsmoothmenu UL LI UL LI A {

DISPLAY: block; WIDTH: 81px; TEXT-DECORATION: none

}

.ddsmoothmenu UL LI UL LI A:hover {

BACKGROUND: #51b228

}

.ddsmoothmenu UL LI UL LI UL {

TOP: 0px

}

.downarrowclass {

DISPLAY: none; POSITION: absolute

}

.rightarrowclass {

DISPLAY: none; POSITION: absolute

}

.ddshadow {

BACKGROUND: silver; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px

}

.toplevelshadow {

opacity: 0.8

}

JS代码-直接下载打包文件即可！

查看演示：下拉导航菜单/

DIV+CSS+JS经典导航条-下拉菜单下载-

本文分享URL地址：

文章转载请注明来源。新辉网主页 > 网页基础 > DIV&CSS >

标题：div css下拉导航菜单(图+演示)

地址：http://www.a55.com.cn/a/1356.html

关键词：CSS下拉菜单,CSS导航条,css导航,divcss下拉