css 下拉菜单二维码 |css图标库代码

.menu {
position: relative;
}
.menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}
.menu:hover ul {
display: block;
}
.menu li {
display: block;
}
.menu li.qrcode {
position: relative;
}
.menu li.qrcode img {
width: 150px;
height: 150px;
display: block;
}
.menu li.qrcode .qrcode-popup {
position: absolute;
top: -200px;
left: 50%;
transform: translateX(-50%);
display: none;
width: 250px;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
z-index: 999;
}
.menu li.qrcode:hover .qrcode-popup {
display: block;
}

使用 CSS 可以轻松实现下拉菜单，利用绝对定位、伪类等方式控制菜单的显示和隐藏，并添加二维码悬浮效果，可以增加网站的互动和方便度。

以上实现方法仅供参考，可以根据实际需求进行修改和扩展。