莱芜网站排名的大宝给大家介绍一种纯CSS实现下拉菜单、纯CSS实现折叠菜单的方法,直接上代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .renyuan {display: none;} .bm:hover .renyuan {display: block;} .bmt{background-color: aquamarine;} </style> </head> <body> <div class="bm"> <div class="bmt">部门1</div> <div class="renyuan"> <div>人员1</div> <div>人员2</div> <div>人员3</div> </div> </div> <div class="bm"> <div class="bmt">部门1</div> <div class="renyuan"> <div>人员1</div> <div>人员2</div> <div>人员3</div> </div> </div> </body> </html>
莱芜网站排名给您提供代码效果动态图。
DIV追加宽度和float属性,就可以横向排列喽
.bm{width:100px;float: left; margin: 10px;}
好了,莱芜做网站的大宝就给你演示到这里了,如果有任何问题,可以留言本留言哦。如果需要做网站排名,请电话联系。
版权声明:若文中没有特别声明皆为原创文章,转载时请以链接形式注明文章出处与原文链接。
非书面授权,禁止转载。本作品采用 CC BY-NC-ND/2.5/CN 许可协议。
如果帮您解决了问题,可以给小编打赏,小编不抽烟不喝酒,6元就够吃个泡面了,感激不尽。
非书面授权,禁止转载。本作品采用 CC BY-NC-ND/2.5/CN 许可协议。
如果帮您解决了问题,可以给小编打赏,小编不抽烟不喝酒,6元就够吃个泡面了,感激不尽。