css二级菜单re |html5 css引用代码

首先，设置一级菜单的样式。一级菜单通常是一个列表，每个列表项设置为块级元素。大家可以为每个列表项设置背景颜色、文本样式等。伪类选择器:hover可以用来在鼠标悬浮在列表项上时改变样式。

ul li {
display: block;
background-color: #f2f2f2;
color: #333;
padding: 10px;
}
ul li:hover {
background-color: #ddd;
color: #000;
}

接下来是二级菜单的样式。二级菜单需要使用绝对定位来定位在一级菜单下方，所以要给一级菜单的父元素设置相对定位。二级菜单默认应该是隐藏的，所以可以给二级菜单的父元素设置display:none。当鼠标悬浮在一级菜单上时，通过伪类选择器:hover来显示二级菜单。

ul li ul {
position: absolute;
top: 100%;
left: 0;
display: none;
background-color: #ddd;
padding: 0;
margin: 0;
}
ul li:hover ul {
display: block;
}

最后是二级菜单中每个列表项的样式。二级菜单中的每个列表项都应该是块级元素，宽度应该与一级菜单的宽度相等。在样式中可以设置padding、边框、背景颜色等。

ul li ul li {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #ccc;
}
ul li ul li:last-child {
border-bottom: none;
}

以上就是使用CSS实现二级菜单re效果的基本步骤和代码。通过调整样式中的参数可以适应不同的需求和设计风格，实现各种各样的二级菜单效果。