CSS部分：

.dropbtn{

background-color:#4CAF50;

color:white;

padding:16px;

font-size:16px;

border:none;

cursor:pointer;

}

.dropdown{

position:relative;

display:inline-block;

}

.dropdown-content{

display:none;

position:absolute;

background-color:#f9f9f9;

width:100%;;

box-shadow:0px8px16px0pxrgba(0,0,0,0.2);

}

.dropdown-contenta{

color:black;

padding:12px16px;

text-decoration:none;

display:block;

}

.dropdown-contenta:hover{

background-color:#f1f1f1

}

.dropdown:hover.dropdown-content{

display:block;

}

.dropdown:hover.dropbtn{

background-color:#3e8e41;

}

感谢你能够认真阅读完这篇文章，希望小编分享的“怎么用纯CSS实现鼠标经过后出现下拉菜单”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

本文名称：怎么用纯CSS实现鼠标经过后出现下拉菜单
分享网址：http://scpengxi.com/article/popjoi.html