CSS3中的內(nèi)邊距是指元素內(nèi)容與元素邊框之間的間距,可以通過padding屬性進行設置。
/* 設置上下左右padding為10px */ div{ padding: 10px; } /* 設置上下padding為10px,左右padding為20px */ p{ padding: 10px 20px; }
除了傳統(tǒng)的屬性值之外,CSS3還提供了一些新的屬性值來設置內(nèi)邊距。
/* 設置上下左右padding為10px */ div{ padding: 10px; } /* 設置上下padding為10px,左右padding為20px */ p{ padding: 10px 20px; } /* 設置上padding為10px,左右padding為20px,下padding為30px */ span{ padding: 10px 20px 30px; } /* 設置內(nèi)邊距為50%,相對于元素寬度 */ h1{ padding: 50%; } /* 設置內(nèi)邊距為fill,自動填充元素剩余空間 */ img{ padding: fill; }
總的來說,CSS3中的內(nèi)邊距屬性可以實現(xiàn)更加靈活的布局效果,開發(fā)者可以根據(jù)具體情況選擇適合的屬性值進行設置。
上一篇css3 判斷無子元素
下一篇css3 六邊形無底色