css中padding是什么意思

CSS中padding是指自身邊框到自身內(nèi)部另一個容器邊框之間的距離，就是容器內(nèi)距離。

創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)南沙,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):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)邊距

css樣式表padding

這個50%是相對于父元素的width（寬度）的50%，也就是說上下左右四個方向的padding都是父元素的width的50%，而不是你想象中的橫向的padding是父元素width50%、縱向的padding則是父元素height的50%

css樣式的padding的4個方向順序是什么？

css樣式的padding的4個方向順序是：上 右 下 左。基本上內(nèi)邊距與外邊距都是這么用的。記得數(shù)字后面要加單位的。具體分析如下：

1、新建一個html文件，命名為test.html，用于講解css樣式中padding屬性的4個方向順序是什么。

2、在test.html文件內(nèi)，使用a標(biāo)簽創(chuàng)建一個鏈接，鏈接的名稱為測試。

3、在test.html文件內(nèi)，設(shè)置a標(biāo)簽的class屬性為incss，主要用于下面通過該class來設(shè)置css樣式。

4、在test.html文件內(nèi)，編寫style type="text/css"/style標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)。

5、在css標(biāo)簽內(nèi)，設(shè)置類名為incss的樣式，使用border屬性設(shè)置其邊框大小為1px，邊框線形為實(shí)線，邊框顏色為紅色。在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的頁面效果。

6、在css標(biāo)簽內(nèi)，使用padding屬性設(shè)置a標(biāo)簽四周的內(nèi)邊距，順序?yàn)樯嫌蚁伦螅蟽?nèi)邊距設(shè)置為5px，右內(nèi)邊距設(shè)置為20px，下內(nèi)邊距設(shè)置為40px，左內(nèi)邊距設(shè)置為60px。

7、在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

文章標(biāo)題：css樣式panding,CSS樣式的選擇器可以是標(biāo)簽的名字
文章鏈接：http://chinadenli.net/article45/dsihhei.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、小程序開發(fā)、做網(wǎng)站、網(wǎng)站導(dǎo)航、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)