css 內(nèi)邊距順序?yàn)椋?. 上;2. 右;3. 下;4. 左。用于按順時(shí)針?lè)较蛟黾釉刂車目瞻讌^(qū)域。
CSS 內(nèi)邊距 (padding) 中四個(gè)值順序
CSS 內(nèi)邊距屬性用于增加元素周圍的空白區(qū)域。它有四個(gè)值,按順時(shí)針?lè)较蚺帕校?/p>
1. 上內(nèi)邊距 (padding-top)
設(shè)置元素上方邊緣的空白。
2. 右內(nèi)邊距 (padding-right)
設(shè)置元素右側(cè)邊緣的空白。
3. 下內(nèi)邊距 (padding-bottom)
設(shè)置元素下方邊緣的空白。
4. 左內(nèi)邊距 (padding-left)
設(shè)置元素左側(cè)邊緣的空白。
示例:
div {
padding: 10px 20px 30px 40px;
}
登錄后復(fù)制
在此示例中:
padding-top 為 10px,表示元素上方的空白為 10 像素。
padding-right 為 20px,表示元素右方的空白為 20 像素。
padding-bottom 為 30px,表示元素下方的空白為 30 像素。
padding-left 為 40px,表示元素左方的空白為 40 像素。
注意事項(xiàng):
你可以使用單個(gè)值(如 padding: 10px;)來(lái)設(shè)置所有內(nèi)邊距。
不同的瀏覽器對(duì) padding 屬性的解析方式可能不同。






