2021-05-22 html
HTML代码
<div class="dorp"> <span>下拉菜单！</span> <div class="dorp_con"> <p><a href="#">子菜单一</a></p> <p><a href="#">子菜单一</a></p> <p><a href="#">子菜单一</a></p> <p><a href="#">子菜单一</a></p> <p><a href="#">子菜单一</a></p> <p><a href="#">子菜单一</a></p> </div> </div>
CSS代码
<style>
.dorp{position: relative;display: inline-block;}
.dorp_con{display: none;position: absolute; line-height:2;background-color: #f9f9f9;min-width:100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;}
.dorp_con p{ margin:0px; padding:0px;}
.dorp:hover .dorp_con{display:block;}
</style>标签:
赞赏
发表评论