css3邊框新屬性

通過css3，可以建立圓角邊框  (border-radius)，向矩形新增陰影(border-shadow)，甚至使用(border-image)來繪製邊框。

圓角邊框  

div

border-top-left-radius：

由浮點數字和單位識別符號組成的長度值。不可為負值。

邊框陰影：

div

h-shadow,v-shadow必須。水平，垂直陰影的位置。允許賦值。blur可選，模糊距離。spread可選，陰影的尺寸。color可選，陰影的顏色。inset可選，將外部陰影（outset）改為內部陰影。

邊框：

div

CSS3的新增邊框屬性

一 css3 新增的邊框屬性 屬性 版本 簡介 border image css3 設定或檢索物件的邊框使用影象來填充 border image source css3 設定或檢索物件的邊框是否用影象定義樣式或影象 路徑 border image slice css3 設定或檢索物件的邊框背景圖的分...

CSS3的新屬性

1.線性漸變 linear 線性 gradient 漸變 background image webkit linear gradient top，red 50 yellow 50 yellow90 2.徑向漸變 可以設定數值 百分比 英文 background image webkit radial...

css3新屬性學習

box size width 這樣就可以讓我們不必要再去計算盒子增減內邊距後有沒有撐開什麼的，因為無論內邊距如何變化，盒子的大小始終只會等於width。filter blur 5px 濾鏡，css3為我們增加了濾鏡效果，當括號中的數值越大，則越模糊。width calc 100 30px 可以自動計...