国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css制作黑色經典導航下拉菜單

2024-07-11 08:33:12
字體：大 中 小
來源：轉載
供稿：網友

本文分享的例子，在導航欄菜單中添加下拉菜單，，具體內容如下

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>   <html>  
  2. <head>       <meta charset="UTF-8">  
  3.     <title>導航欄下拉菜單</title>   <style>  
  4. *{margin:0;padding:0;}    ul{   
  5.     list-style-type:none;        background-color:#333;   
  6.     overflow:hidden;    }   
  7. li{        float:left;   
  8. }    li a, .dropbtn{   
  9.     display:inline-block;        color:white;   
  10.     text-align:center;        padding:14px 16px;   
  11.     text-decoration:none;    }   
  12.    li a:hover, .dropdown:hover .dropbtn{   
  13.     background-color:#111;    }   
  14.    .dropdown{   
  15.     display:inline-block;    }   
  16.    .dropdown-content{   
  17.     min-width:200px;        background-color:#F9F9F9;   
  18.     position:absolute;        display:none;   
  19.     box-shadow:0px 8px 15px 0px rgba(0,0,0,0.2);    }   
  20.    .dropdown-content a{   
  21.     color:black;        padding:12px 16px;   
  22.     text-decoration:none;        display:block;   
  23. }      
  24. .dropdown-content a:hover{        background-color:#F1F1F1;   
  25. }      
  26. .dropdown:hover .dropdown-content{        display: block;   
  27. }    </style>  
  28. </head>   <body>  
  29. <ul>       <li><a href="#shop" class="active">在線商城</a></li>  
  30.     <li><a href="#news">產品展示</a></li>       <div class="dropdown">  
  31.         <a href="#" class="dropbtn">下拉菜單</a>           <div class="dropdown-content">  
  32.             <a href="#">子菜單 1</a>               <a href="#">子菜單 2</a>  
  33.             <a href="#">子菜單 3</a>           </div>  
  34.     </div>   </ul>  
  35. </body>   </html>  

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 彩票| 苏尼特左旗| 田林县| 申扎县| 嘉善县| 广东省| 民丰县| 甘洛县| 新昌县| 崇义县| 鹿泉市| 遵义县| 周宁县| 通道| 南安市| 甘孜县| 江华| 方正县| 大港区| 岳西县| 木兰县| 兴山县| 吴桥县| 承德市| 巴马| 恭城| 大足县| 五莲县| 综艺| 葵青区| 南投市| 洛扎县| 睢宁县| 黑河市| 巴塘县| 宣武区| 灵寿县| 治多县| 宜良县| 木兰县| 天津市|