一、padding屬性概述
padding屬性用於設置元素的內邊距，即元素內容和元素邊框之間的距離。語法如下：
selector {
padding: top right bottom left;
}
其中top、right、bottom、left為可選值，表示元素上、右、下、左四個方向的內邊距值，分別表示單位為像素、百分比等。
二、padding屬性的作用
1. 控制元素的大小
通過設置元素的padding值，可以控制元素的大小。例如，下面的CSS代碼將設置兩個不同的div元素，分別設置了不同的padding值。
div {
width: 300px;
height: 100px;
background-color: #ccc;
}
div.with-padding {
padding: 30px;
background-color: #f00;
}
結果，第二個div元素的padding值使其周圍留有一定的空白區域，使其整體大小變大。
原創文章，作者：IHFK，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/140972.html
微信掃一掃 
支付寶掃一掃 