CSS 中,外邊距是指圍繞在其他 HTML 元素周圍的空白區域。
表示外邊距的屬性有:margin-top
、margin-bottom
、margin-left
和margin-right
。
/* 例子 */ p { margin-top: 50px; margin-bottom: 50px; margin-right: 30px; margin-left: 30px; }
以上代碼表示一個段落元素的外邊距為 50 像素頂部、50 像素底部、30 像素右側和 30 像素左側。
你也可以選擇使用縮寫屬性margin
:
/* 例子 */ p { margin: 50px 30px; }
這表示一個段落元素的上下外邊距為 50 像素,左右外邊距為 30 像素。
如果你想給所有的 HTML 元素添加相同的外邊距,可以使用通用選擇器*
:
/* 例子 */ * { margin: 0; padding: 0; }
可以在這個例子中看到,“星號”選擇器指向每個 HTML 元素,在這個例子中將所有元素的外邊距和內邊距都設置為 0。
上一篇css表示像素的單位
下一篇css表示引用文件