萊蕪網站排名的大寶給大家介紹一種純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元就夠吃個泡面了，感激不盡。
