CSS外邊距及盒子居中對齊

2021-08-08 19:38:51 字數 578 閱讀 4637

外邊距(margin)

語法:margin-left: 左外邊距(常用)

margin-right: 右外邊距

margin-top:上外邊距(常用)

margin-bottom: 下外邊距

*margin: 上外邊距 右外邊距  下外邊距 左外邊距   (取值順序與內邊距相同)

注意的是:外邊距可以實現盒子居中。

乙個盒子實現水平居中的兩個條件:

1.必須是塊級元素

2.盒子必須制定寬度(width)

然後就給  左右邊距  都設定為auto 就可以實現盒子水平居中。

**如下:

margin: 20px auto;//20指上下 auto 指左右

**如下:

頭部標籤

盒子外邊距

margin 10px 乙個值 上下左右 margin 10px 20px 二個值 上下 左右 margin 10px 20px 30px 三個值 上 左 右 下 margin 10px 20px 30px 40px 四個值 上 下 左 右 初始化網頁元素 網頁中所有的元素的內外邊距都為0 盒子水平...

CSS盒子模型之外邊距

外邊距 不會影響盒子的大小,但會影響盒子的位置 margin top 上邊距,設定乙個正值,元素會向下移動 margin left 左邊距,設定乙個正值,元素會向右移動 margin right 右邊距,設定乙個正值,下面的元素會向右移動 margin bottom 下邊距,設定乙個正值,下面的元素...

css盒子模型外邊距(margin)

margin屬性用於設定外邊距,即控制盒子和盒子之間的距離 屬性作用 margin left 左外邊距 margin right 右外邊距 margin top 上外邊距 margin botom 下外邊距 外邊距典型應用 外邊距可以讓塊級盒子水平居中,但是必須滿足兩個條件 盒子必須指定了寬度 wi...