99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

css怎樣實現下拉菜單

這篇文章將為大家詳細講解有關css怎樣實現下拉菜單，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名與空間、網頁空間、營銷軟件、網站建設、深州網站維護、網站推廣。

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<style>

/*盒子，相對定位*/

.dropdown{

display:inline-block;

position:relative;

}

button{

background-color:pink;

color:white;

border:none;

margin:6px;

padding:5px;

font-size:16px;

}

/*下拉內容，絕對定位，初始不顯示，背景顏色為pink*/

.content{

display:none;

position:absolute;

background-color:pink;

min-width:160px;

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

z-index:1;

}

/*下拉內容a鏈接樣式*/

.contenta{

display:block;

color:white;

padding:12px16px;

text-align:center;

}

/*鼠標移到下拉菜單a鏈接時背景變為灰色*/

.contenta:hover{

background-color:gray;

}

button:hover{

background-color:gray;

}

/*鼠標點擊盒子區域，顯示下拉菜單！*/

.dropdown:hover.content{

display:block;

}

</style>

</head>

<body>

<divclass="dropdown">

<button>下拉菜單</button>

<divclass="content">

<aherf="">首頁</a>

<aherf="">學習中心</a>

<aherf="">考試中心</a>

<aherf="">考試動態</a>

</div>

</div>

</body>

</html>


css怎樣實現下拉菜單



關于“css怎樣實現下拉菜單”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網頁名稱：css怎樣實現下拉菜單
文章轉載：http://www.yijiale78.com/article12/pchddc.html

成都網站建設公司_創新互聯，為您提供網站排名、網站設計公司、電子商務、App設計、關鍵詞優化、全網營銷推廣

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

h5響應式網站建設