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

首頁 > 開發(fā) > CSS > 正文

CSS3的一個簡單導(dǎo)航欄實現(xiàn)

2024-07-11 08:29:52
字體：大 中 小
供稿：網(wǎng)友

201583185706841.jpg (266×269)

上面是一個效果圖，代碼在下面：

html

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <nav>      <ul class="nav-ul">  
  2.       <li>               <a href="/">首頁</a>  
  3.       </li>         <li>  
  4.             <a href="/category/frontend">Web前端</a>               <ul>  
  5.                    <li class="nav-effect-1">                          <a href="/category/frontend/javascript">JavaScript</a>  
  6.                   </li>                     <li class="nav-effect-2">  
  7.                        <a href="/category/frontend/jq">JQuery</a>                     </li>    
  8.                   <li class="nav-effect-3">                          <a href="/category/frontend/style">CSS</a>  
  9.                   </li>                      <li class="nav-effect-4">  
  10.                      <a href="/category/frontend/html">HTML</a>                    </li>    
  11.             </ul>         </li>  
  12.       <li>                 <a href="/category/end">后端</a>  
  13.            <ul>                    <li class="nav-effect-1">  
  14.                     <a href="/category/end/python-end">Python</a>                   </li>  
  15.                 <li class="nav-effect-2">                      <a href="category/end/php">PHP</a>  
  16.                 </li>               </ul>  
  17.       </li>         <li>  
  18.           <a href="/category/trivial">瑣碎雜類</a>             <ul>  
  19.                <li class="nav-effect-1">                     <a href="/category/trivial/linux">Linux</a>  
  20.                </li>                  <li class="nav-effect-2">  
  21.                  <a href="/category/trivial/ajax">Ajax</a>                  </li>    
  22.          </ul>        </li>  
  23.       <li>               <a href="/category/life">我的生活</a>  
  24.            <ul>                     <li class="nav-effect-1">  
  25.                      <a href="/category/life/college">College</a>                     </li>  
  26.                   <li class="nav-effect-2">                        <a href="/category/life/review">Review</a>  
  27.                   </li>                       <li class="nav-effect-3">  
  28.                      <a href="/category/life/sentiment">Sentiment</a>                     </li>    
  29.           </ul>         </li>  
  30.       <li>              <a href="#">關(guān)于我</a>  
  31.            <ul>                    <li class="nav-effect-1">  
  32.                          <a href="/contribute">友情鏈接</a>                   </li>  
  33.                 <li class="nav-effect-2">                           <a href="/message">留言板</a>  
  34.                 </li>               </ul>  
  35.       </li>      </ul>  
  36. </nav>  

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 汾西县| 得荣县| 怀安县| 肃宁县| 乌兰县| 义马市| 阳曲县| 扎兰屯市| 崇阳县| 桦南县| 尚义县| 大庆市| 灵川县| 寿阳县| 漳平市| 宜阳县| 页游| 竹北市| 左权县| 海晏县| 孟村| 久治县| 石门县| 临高县| 吉木萨尔县| 蓬莱市| 承德市| 元江| 文山县| 镇平县| 资中县| 江孜县| 新巴尔虎左旗| 仙游县| 太仆寺旗| 乐业县| 隆化县| 贺州市| 肇东市| 铜川市| 老河口市|