範仁義css3課程 11 外邊距margin

margin的作用是設定外邊距，也就是設定不同盒子之間的距離，用法的話和內邊距(padding)非常相似，有上下左右，也有簡寫屬性。margin也非常常用。比如設定4個外邊距都是25px：margin:25px;a、外邊距可以設定負值

b、margin 沒有背景顏色，是完全透明的。margin-left和margin-right設定為auto，可以設定元素水平居中：例如 margin: 0 auto;

css margin(外邊距)屬性定義元素的外邊距。

注意：設定了外邊距就是擴大了元素的佔位面積

外邊距是和其它盒子的距離

margin-top:100px;

margin-bottom:100px;
margin-right:50px;
margin-left:50px;

margin屬性可以有一到四個值。

margin:25px 50px 75px;

margin:25px 50px;

margin:25px;

a、外邊距可以設定負值

b、margin 沒有背景顏色，是完全透明的。

margin-left和margin-right設定為auto，可以設定元素水平居中

可以用 margin: 0 auto;

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>title
title
>
6<
style
>
7.box1
13style
>
14head
>
15<
body
>
16<
div 
class
="box1"
>
1718
div>
19body
>
20html
>

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>外邊距margin
title
>
6<
style
>
7.box1
22.box2
27style
>
28head
>
29<
body
>
30<
div 
class
="box1"
>
3132
div>
33<
div 
class
="box2"
>
3435
div>
36body
>
37html
>

範仁義css3課程 10 內邊距

內邊距用padding屬性來設定，例如padding 25px 也可以用padding left right top bottom 分別設定四個邊的內邊距。padding屬性非常常用。css padding 填充 是乙個簡寫屬性，定義元素邊框與元素內容之間的空間，即上下左右的內邊距。padding ...

範仁義css3課程 14 顏色

設定color的值為transparent即可，例如color transparent用opacity屬性，屬性值在0.0到1.0範圍內，0表示透明，1表示不透明，比如 opacity 0.5 顏色值縮寫 關於顏色的css樣式也是可以縮寫的，當你設定的顏色是16進製制的色彩值時，如果每兩位的值相同，...

範仁義css3課程 13 尺寸

常見的設定尺寸的屬性有 比如高 height max height min height，寬的也是類似的固定值 比如px em等 百分比 屬性描述 height 設定元素的高度。line height 設定行高。max height 設定元素的最大高度。max width 設定元素的最大寬度。min...