border的屬性
1.border-width：不支援百分比，支援關鍵字，thin（1px），medium（預設值，3px，預設值是3px的原因是只有當border是3px及以上時，border-style才有效
果），thick（5px）
2.border-style:有不同值，下面分析分別為不同值時的應用
a.solid：可以實現三角，梯形
doctype html
>
<
html
>
<
head
>
<
title
>用solid實現三角和梯形
title
>
<
meta
charset
="utf-8"
>
<
style
type
="text/css"
>
.********
.trapezia
style
>
head
>
<
body
>
<
div
class
="********"
>
div>
我是三角形
<
div
class
="trapezia"
>
div>
我是梯形
body
>
html
>
b.dashed:虛線，在chrome/firefox瀏覽器中，虛線和實線的比例是3:1（稀），在ie瀏覽器中，比例是2：1（密）
c.dotted:點線，在chrome/firefox瀏覽器中，是方點，在ie瀏覽器中，是圓點（可以利用圓點實現圓角效果）
d.double:雙線,計算規則，雙線寬度永遠相等，中間間隔 -1，例如，3px=1（內） 1（中間間隔） 1（外），可以實現三道槓圖形。
e.inset（內凹）,outset（外凸）,ridge（溝槽）:風格過時，相容性差，沒有什麼使用場景
doctype html
>
<
html
>
<
head
>
<
title
>滑鼠移動時邊框顏色的改變
title
>
<
meta
charset
="utf-8"
>
<
style
type
="text/css"
>
.a.a:hover
style
>
head
>
<
body
>
<
div
class
="a"
>哈哈
div>
body
>
html
>
4.利用border可以實現背景影象的定位，因為背景影象在定位時是不計算border的
5.利用border實現等高布局，缺點是不支援百分比寬度
（4,5類似，都是利用border，使得與某側距離固定）
CSS深入理解之border
總結自慕課網 個人理解 width屬性具有繼承性，假設父元素100px 子元素設定50 則為50px 而border width不具有繼承性，如果使用百分比，瀏覽器解析時應該向誰作為參考物件呢，所以只能用指定大小來確定。類似不支援百分比的有 outline,border shadow,text sh...
深入理解border屬性
定義 border thin,medium 預設值 thick 其他條件 border不支援百分比 border不會隨著裝置的放大縮小而改變 例項ie7 ie8實現圓角效果.parent parent childie7 ie8繪製列表 三 圖形divborder color 與圖形變色.parent...
CSS深入理解之relative
總結 1 position absolute 他的意思是絕對定位，預設上溯父級元素，找第乙個不是 static 的元素，以其為 absolute 的基準。如果設定trbl並且父級沒有設定position屬性，那麼當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由trbl決定。2 pos...