国产探花免费观看_亚洲丰满少妇自慰呻吟_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;   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 崇仁县| 崇文区| 莒南县| 铜川市| 武川县| 新晃| 奉贤区| 开平市| 民权县| 阿荣旗| 武威市| 革吉县| 淳化县| 进贤县| 南靖县| 响水县| 巴楚县| 思南县| 泾源县| 灌云县| 井冈山市| 安多县| 玉龙| 襄汾县| 广宁县| 大埔县| 庆云县| 赣榆县| 尖扎县| 恩平市| 扎赉特旗| 稻城县| 太湖县| 恭城| 徐州市| 嘉兴市| 务川| 阳朔县| 八宿县| 奎屯市| 平塘县|