範仁義css3課程 10 內邊距

內邊距用padding屬性來設定，例如padding:25px;，也可以用padding-left（right、top、bottom）分別設定四個邊的內邊距。padding屬性非常常用。

css padding（填充）是乙個簡寫屬性，定義元素邊框與元素內容之間的空間，即上下左右的內邊距。

padding-top:25px;

padding-bottom:25px;
padding-right:50px;
padding-left:50px;

右內邊距是 50px

下內邊距是 25px

左內邊距是 50px

padding屬性，可以有一到四個值。

padding:25px 50px 75px 100px;

padding:25px 50px 75px;

padding:25px 50px;

padding:25px;

寬度：內容寬度 + 左右內邊距 + 左右邊框寬度

高度：內容高度 + 上下內邊距 + 上下邊框高度

padding的顏色會被盒子的背景色所改變

內邊距會影響盒子的可見框的大小

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>內邊距
title
>
6<
style
>
7.box1
18style
>
19head
>
20<
body
>
21<
div 
class
="box1"
>
22以退為進，以空為樂，以無為有，以捨為得。
23div
>
24body
>
25html
>

範仁義css3課程 11 外邊距margin

margin的作用是設定外邊距，也就是設定不同盒子之間的距離，用法的話和內邊距 padding 非常相似，有上下左右，也有簡寫屬性。margin也非常常用。比如設定4個外邊距都是25px margin 25px a 外邊距可以設定負值 b margin 沒有背景顏色，是完全透明的。margin le...

範仁義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...