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

首頁 > 開發 > CSS > 正文

基于html和CSS3制作簡單側邊導航欄

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

本文為大家分享了一個側邊導航欄css示例，供大家參考，具體內容如下

效果圖：

html：

XML/HTML Code復制內容到剪貼板
  1. <div class="sidebar">       <ul>  
  2.         <li>優先級                 <ul>  
  3.                 <li><aonclickaonclick=""class="sidebar-selected">全部</a></li>                   <li><aonclickaonclick="">P1</a></li>  
  4.                 <li><aonclickaonclick="">P2</a></li>                   <li><aonclickaonclick=“" >P3</a></li>  
  5.                 <li><aonclickaonclick="">P4</a></li>               </ul>  
  6.         </li>       </ul>  
  7. </div>     

css：

CSS Code復制內容到剪貼板
  1. .sidebar {        border-right: 1px solid #f0f2f1;   
  2.     width: 180px;        float: left;   
  3.     padding-left: 35px;    }   
  4.    .sidebar>ul {   
  5.     list-style: none;        padding: 0;   
  6.     margin: 0;    }   
  7.    .sidebar>ul>li {   
  8.     font-size: 18px;        font-weight: 400;   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 沙雅县| 乳山市| 海伦市| 武鸣县| 平泉县| 漳州市| 澳门| 深州市| 鄂托克前旗| 南昌县| 龙海市| 诏安县| 虞城县| 章丘市| 当涂县| 磐安县| 双江| 临夏县| 彭山县| 肥乡县| 罗江县| 阿鲁科尔沁旗| 洞口县| 应用必备| 阜宁县| 海丰县| 敦煌市| 四子王旗| 浮梁县| 磐安县| 武川县| 延吉市| 延安市| 大悟县| 东宁县| 古蔺县| 清水县| 砀山县| 开原市| 乳山市| 武平县|