一、css控制邊界
1、內邊距
padding（內邊距也叫內填充）
padding-bottom 長度/百分比 元件下端邊線的空隙
padding-left 長度/百分比 元件左端邊線的空隙
padding-right 長度/百分比 元件右端邊線的空隙
padding-top 長度/百分比 元件上端邊線的空隙
簡易寫法：
padding:10px 乙個值表示同時控制四個方向
padding:2px 4px 兩個值表示第乙個值控制上下 第二個值控制左右
padding:2px 6px 10px 三個值表示第乙個值控制上 第二個值控制右和左 第三個值控制下 左邊找右邊
padding:1px 2px 3px 4px 四個值表示每個值單獨控制上右下左
2、外邊距（使用外邊距需要注意一些問題）
margin（外邊界） 屬性介紹
margin-bottom auto 自動調整空隙 長度/百分比 設定下端空隙
margin-left auto 自動調整空隙 長度/百分比 設定左端空隙
margin-right auto 自動調整空隙 長度/百分比 設定右端空隙
margin-top auto 自動調整空隙 長度/百分比 設定上端空隙
簡化方案：
margin:2px 4px
margin:2px 6px 10px
margin:1px 2px 3px 4px
6、你不能當飯吃，但沒有你，我吃不下飯。7、要有多大的身軀，才能撐起您那齷齪的靈魂啊！
8、做男人的最高境界不是你去泡妞，而是讓妞來泡你。
9、有心才會累，無心者無所謂。
上下兩個盒子，如果給上面盒子加 margin-bottom又給下面盒子加margin-top，這樣上下外邊距會疊加
這個盒子在另外乙個盒子中，給其新增上外邊距時，不是相對於另外乙個盒子，而是另外乙個盒子相對上一級盒子加了上外邊距
當 margin-left的值為自動時，這個盒子會跑到最右邊，相反，margin-right的值為自動時，這個盒子跑到最左邊，如果左右都自動則這個盒子居中
二、css控制邊框1、設定邊線的樣式：border-stylenone 不顯示邊線
dotted 點線
dashed 虛線
solid 實線
double 雙線
2、設定邊線的長度(即邊框的粗細)：border-width
畫素百分比
3、設定邊線的顏色：border-color
十六進製制顏色
rgb顏色
顏色名稱
transparent（透明）
簡化格式：長度 樣式 顏色
設定邊線的顏色和長度之前必須先設定邊線的樣式 因為邊線樣式預設是none不顯示邊線的
三、css控制輪廓(outline)
注意：只有在規定了！doctype時，ie8以及以上更高版本才支援該屬性。設定或檢索物件外的線條輪廓。外輪廓（outline）是畫在邊框（border）外面，並且不一定是矩形
旗下屬性：outline-color（設定外輪廓的顏色）、outline-style（設定外輪廓的樣式）、outline-width（設定外輪廓的大小），簡寫格式如上面的列子
wiwili
CSS邊框和外輪廓
css 邊框 css 邊框 border 可以是圍繞元素內容和內邊距的一條或多條線，對於這些線條，您可以自定義它們的樣式 寬度以及顏色。使用css邊框屬性，我們可以建立出比html中更加優秀的效果 邊框寬度 您可以通過 border width 屬性為邊框指定寬度。為邊框指定寬度有兩種方法 可以指定...
CSS3外輪廓屬性
外輪廓outline在頁面中呈現的效果和邊框border呈現的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網頁布局空間，不一定是矩形，外輪廓是屬於一種動態樣式，只有元素獲取到焦點或者被啟用時呈現。outline屬性早在css2中就出現了，主要是用來在元素周圍繪製一條輪廓線，可以起到...
CSS3 CSS3外輪廓屬性
外輪廓outline在頁面中呈現的效果和邊框border呈現的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網頁布局空間，不一定是矩形，外輪廓是屬於一種動態樣式，只有元素獲取到焦點或者被啟用時呈現。outline屬性早在css2中就出現了，主要是用來在元素周圍繪製一條輪廓線，可以起到...