html折叠ul代码实现导航栏,用HTML ul、li标签创建横向导航菜单.html

.menu {

height: 30px;

line-height: 30px;

font-size: 18px;

background-color: #34352c;

border-radius: 5px;

font-weight: bold;

}

div.menu ul {

list-style: none;

margin: 0px;

padding: 0px;

}

div.menu ul li {

float: left;

width: 100px;

}

div.menu ul li a,

div.menu ul li a:visited {

color: #dde4ef;

text-decoration: none;

white-space: nowrap;

margin-left: 20px;

text-align: center;

}

div.menu ul li a:hover {

color: #b22222;

}

• 菜单样式
• 菜单样式
• 菜单样式
• 菜单样式
• 菜单样式
• 菜单样式
• 菜单样式
• 菜单样式

一键复制

编辑

Web IDE

原始数据

按行查看

历史