CSS中padding是指自身邊框到自身內(nèi)部另一個容器邊框之間的距離,就是容器內(nèi)距離。
創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站建設、成都做網(wǎng)站、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務南沙,十載網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108
(1)padding-left:10px; 左內(nèi)邊距
(2)padding-right:10px; 右內(nèi)邊距
(3)padding-top:10px; 上內(nèi)邊距
(4)padding-bottom:10px; 下內(nèi)邊距
(5)padding:10px; 四邊統(tǒng)一內(nèi)邊距
(6)padding:10px 20px; 上下、左右內(nèi)邊距
(7)padding:10px 20px 30px; 上、左右、下內(nèi)邊距
(8)padding:10px 20px 30px 40px; 上、右、下、左內(nèi)邊距
這個50%是相對于父元素的width(寬度)的50%,也就是說上下左右四個方向的padding都是父元素的width的50%,而不是你想象中的橫向的padding是父元素width50%、縱向的padding則是父元素height的50%
css樣式的padding的4個方向順序是:上 右 下 左?;旧蟽?nèi)邊距與外邊距都是這么用的。記得數(shù)字后面要加單位的。具體分析如下:
1、新建一個html文件,命名為test.html,用于講解css樣式中padding屬性的4個方向順序是什么。
2、在test.html文件內(nèi),使用a標簽創(chuàng)建一個鏈接,鏈接的名稱為測試。
3、在test.html文件內(nèi),設置a標簽的class屬性為incss,主要用于下面通過該class來設置css樣式。
4、在test.html文件內(nèi),編寫style type="text/css"/style標簽,頁面的css樣式將寫在該標簽內(nèi)。
5、在css標簽內(nèi),設置類名為incss的樣式,使用border屬性設置其邊框大小為1px,邊框線形為實線,邊框顏色為紅色。在瀏覽器打開test.html文件,查看實現(xiàn)的頁面效果。
6、在css標簽內(nèi),使用padding屬性設置a標簽四周的內(nèi)邊距,順序為上右下左,上內(nèi)邊距設置為5px,右內(nèi)邊距設置為20px,下內(nèi)邊距設置為40px,左內(nèi)邊距設置為60px。
7、在瀏覽器打開test.html文件,查看實現(xiàn)的效果。