首页 > 编程知识 正文

html中二级菜单的制作(css下拉菜单思路)

时间:2023-05-06 16:59:47 阅读:66574 作者:399

* {

margin:0;

padding:0;

}

body {

padding:15px;

}

. nav li li a {

display :在线区块;

}

. nav li li a {

显示: block;

}

. nav ul {

列表样式类型: none;

margin:0;

padding:0;

}

. nav ul li {

浮点:左;

line-height:24px;

显示: block;

border-bottom : dashed # CCC 1px;

font-size:0;

padding:0;

margin:0;

width:120px;

}

. nav ul li a {

显示: block;

width:120px;

height:24px;

font-size:12px;

文本对齐3360中心;

color:#555;

文本修饰:无;

后台: # f7f7f 7;

}

. nav ul table {

width:100%;

border-collapse:collapse;

border:0;

padding:0;

margin:0;

}

. nav ul li ul {

显示:无;

}

. nav ul li:hover, nav ul li a:hover, nav ul li a:active {

color:red;

背景色: # f1f1f 1;

}

. nav ul li:hover ul, nav ul li a:hover ul, nav ul li a:active ul {

显示: block;

width:100%;

}

. nav ul ul li {

显示: block;

width:100%;

border :否;

}

. nav ul ul li a {

显示: block;

颜色:蓝色;

border :否;

}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。