# CSS內邊距教學 CSS內邊距是一種可以在HTML元素周圍創建空白空間的CSS屬性。通過使用內邊距，我們可以在HTML元素周圍添加空白區域，從而更好地控制頁面布局。 ## 如何定義CSS內邊距 我們可以使用CSS的padding屬性來定義元素的內邊距。padding屬性需要指定一個或多個值，這些值表示元素的上、右、下、左位置的內邊距。 例如，下面的代碼將定義一個具有5像素頂部內邊距、10像素右邊內邊距、15像素底部內邊距和20像素左邊內邊距的元素： ```css padding: 5px 10px 15px 20px; ``` 也可以使用簡寫形式來定義元素的內邊距。例如，下面的代碼將定義一個具有10像素頂部和底部內邊距、20像素左右內邊距的元素： ```css padding: 10px 20px; ``` ## 如何使用CSS內邊距 CSS內邊距可以設置在各種HTML元素上，包括div、p、h1等等。 ### 設置p標簽的內邊距 下面的代碼將為所有p元素設置10像素的上下內邊距和20像素的左右內邊距： ```css p { padding: 10px 20px; } ``` ### 設置div標簽的內邊距 下面的代碼將為所有div元素設置15像素的上下內邊距和30像素的左右內邊距： ```css div { padding: 15px 30px; } ``` ## 總結 CSS內邊距是一種很有用的CSS屬性，可以讓我們更好地控制HTML元素的布局。希望本文能夠幫助您掌握CSS內邊距的基本知識和用法。