html生成无序列表,CSS无序列表创建的标准菜单效果代码
时间: 2024-05-11 12:19:12 浏览: 70
html导航,菜单,选项卡,代码生成器
5星 · 资源好评率100%
HTML生成无序列表的代码如下:
```html
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
CSS无序列表创建标准菜单效果的代码如下:
```css
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul li {
display: inline-block;
padding: 10px;
background-color: #eee;
}
ul li:hover {
background-color: #ccc;
}
```
这段代码会创建一个无序列表菜单,鼠标悬停时会改变背景颜色。你可以根据需要调整CSS样式来改变菜单的外观。
阅读全文