border: 1px solid red;
border-width（線型） dotted-點狀線 dashed-虛線 solid-實線
border-style（線寬度） 如：1px
border-color（線顏色） 如：red
border-top:
border-right:
border-bottom:
border-left:
也可以使用：
border-top: 1px solid red;
則只改變上邊框的值
同理：border-top-width: 1px;
注意：一般不使用 border-style這鐘小屬性，層疊時使用較多。
單位通常為px單位，表示r角的半徑。
border-radius: 10px;
百分比為單位，如 50%為圓形或者橢圓形。
border-radius: 50%;
border-radius: 10px 20px 30px 40px (上，右，下，左)
用來層疊大屬性。
box-shadow: 10px 20px 30px rgba(0,0,0,.6);
10px 為 x方向的偏移量。
20px 為 y方向的偏移量。
30px 為模糊量。
rgba(0,0,0,.6) 為陰影顏色。
box-shadow: 10px 20px 30px 40px rgba(0,0,0,.6);
40px 為陰影延展 陰影會向四個方向進行延展。
inset可以將陰影該為內陰影：
多陰影
box-shadow: 2px 2px 10px red, 4px 4px 50px blue;
加逗號即可
5 邊框 1 1 1 邊框圓角
border radius 圓角處理時，腦中要形成圓 圓心 橫軸 縱軸的概念，正圓是橢圓的一種特殊情況。如下圖 為了方便表述，我們將四個角標記成1 2 3 4，如2代表右上角，css裡提供了border radius來設定這些角橫縱軸半徑值。支援簡寫模式，具體如下 1 border radius 1...
DIV CSS圓角邊框
簡潔型css圓角矩形 3d圓角矩形 css3實現圓角 firefox 和 safari 實現圓角 1.css3是樣式表 style sheet 語言的最新版本，它的一大優點就是支援圓角 1 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必...
border radius 圓角邊框
在css3.0中，又新增了乙個新的屬性border radius，使用border radius這個屬性可以實現圓角邊框的效果。除ie和遨遊外，目前有firefox safari，chrome，opera支援該屬性，其safari，chrome，opera是支援最好的，依照了w3c的標準，僅僅使用b...