国产探花免费观看_亚洲丰满少妇自慰呻吟_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;   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 兰坪| 临邑县| 双桥区| 岳阳县| 扶沟县| 厦门市| 平凉市| 遵化市| 新蔡县| 长乐市| 崇左市| 兴文县| 邵阳市| 黄冈市| 临海市| 安泽县| 大埔区| 高青县| 黄陵县| 呼伦贝尔市| 松原市| 饶平县| 诸暨市| 金川县| 崇义县| 兴业县| 伊宁市| 常熟市| 青岛市| 永定县| 淅川县| 安岳县| 松江区| 辰溪县| 温宿县| 太和县| 吉安市| 龙井市| 长汀县| 乌拉特中旗| 辉县市|