在HTML中,內邊距指的是包裹在元素內容和邊界之間的空間。與外邊距不同,內邊距可以通過CSS來設置。
/* 設置元素padding-top、padding-right、padding-bottom和padding-left */ element { padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px; }
上述代碼將元素的內部填充設置為10像素(從頂部開始),20像素(從右側開始),30像素(從底部開始)和40像素(從左側開始)。
你也可以通過簡寫屬性來設置元素的內邊距:
/* 設置元素padding為10px(頂部)、20px(右側和左側)、30px(底部) */ element { padding: 10px 20px 30px; } /* 設置元素padding為10px(頂部)、20px(左右)、30px(底部) */ element { padding: 10px 20px; padding-bottom: 30px; } /* 設置元素所有方向的padding為10px */ element { padding: 10px; }
請注意,padding屬性值可以為負值。這將使元素內容移動到邊框之外。
CSS中的內邊距還有更多的屬性可以探索。讓我們在項目中繼續嘗試吧!
上一篇css設置內投影
下一篇css設置內容不換行并且