html图片状态栏,div css下拉导航菜单(图+演示)

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

fcbc781bc78ea0af30a23b8773107c47.png

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

DIV CSS下拉菜单-DIVCSS5

/* www.divcss5.com 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

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值