CSS下拉菜单W3C CSS下拉菜单(W3C)通常被用于网页设计中。下拉菜单常用于导航栏,在网页上的位置通常在页面的顶部或者左侧。CSS下拉菜单是通过W3C(万维网联盟)标准来制定的,使其能够在大多数
<style> /* 父级容器 */ .dropdown { position: relative; display: inline-block; } /* 隐藏子级容器 */ .dropdown-content { display: none; position: absolute; z-index: 1; } /* 鼠标悬停时显示子级容器 */ .dropdown:hover .dropdown-content { display: block; } </style> <br> <!-- HTML结构 --> <div class="dropdown"> <button>下拉菜单</button> <div class="dropdown-content"> <ul> <li><a href="#">选项1</a></li> <li><a href="#">选项2</a></li> <li><a href="#">选项3</a></li> </ul> </div> </div>
粉丝
0
关注
0
收藏
0