php制作下拉菜单,CSS下拉菜单简单制作方法介绍

本文实例为大家分享了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

相关文章：