本文实例为大家分享了CSS下拉菜单的具体实现代码,供大家参考,具体内容如下
下拉菜单实例.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
}
.dropdown:hover .dropdown-content {
display: block;
}
鼠标移动后出现下拉菜单
将鼠标移动到指定元素上就能看到下拉菜单。
鼠标移动到我这!
php中文网
www.php.cn
相关文章: