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

首頁 > 開發 > CSS > 正文

導航欄的多樣設置簡單實例

2024-07-11 08:25:40
字體:
來源:轉載
供稿:網友

注意:覺得簡單的人,別說話,悄悄的。。。。我也純屬是記錄

網頁默認存在margin值和padding值,并且后面的元素對margin、padding的修改過程中并不會生效,因此在樣式設置過程中首先對所有的元素的margin和padding值清0;

代碼:*{padding:0px;margin:0px;}     //*號代表所有

可以在后面的元素上設置你想要的margin和padding值,都會生效;

舉一個例子:(就是因為這一個原因,累死寶寶了,想法是挺符合邏輯的,不過就是不是你想要的)

我是仿照imooc網站的的導航做的(全當練手,因為我是新手,什么都想試一試)

以下是代碼部分

XML/HTML Code復制內容到剪貼板
  1. <div class="nav">   <ul>  
  2.     <li><a href="#">評論</a></li>       <li><a href="#">問答</a></li>  
  3.     <li><a href="#">筆記</a></li>       <li><a href="#">同學代碼</a></li>  
  4. </ul>    </div>  

css樣式

CSS Code復制內容到剪貼板
  1. *{         margin:0px;   
  2.      padding:0px;      }   
  3.      .nav{            border-bottom:1px solid #c0c0c0;   
  4.         width:1000px;            height:60px;   
  5.         margin-left:40px;            //background-color:#c3ffdd;   
  6.         }               
  7.       ul li{           list-style-type:none;   
  8.        width:120px;           float:left;   
  9.               }   
  10.       li a{                display:block;   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凤阳县| 星座| 淮安市| 衡阳市| 岐山县| 调兵山市| 辉县市| 沾益县| 朔州市| 延寿县| 灵山县| 百色市| 阿克陶县| 应用必备| 腾冲县| 博客| 肃南| 兴化市| 新绛县| 和政县| 岳西县| 疏附县| 绥化市| 环江| 新绛县| 广宁县| 阿合奇县| 佛坪县| 泰来县| 祁连县| 宣化县| 江孜县| 汨罗市| 金坛市| 台前县| 化州市| 长垣县| 横峰县| 湛江市| 太仆寺旗| 渑池县|