css3-(box-shadow)屬性

【box-shadow屬性】：

是一個css3屬性，用於創建陰影效果。
語法：box-shadow:offset-x offset-y blur spresd color position;
屬性值說明：
offset-x offset-y指的是元素水平偏移量；
blur：表示陰影的模糊半徑；
spread：陰影尺寸（從元素到陰影的距離），正值會在元素的各個方向按指定的數值延伸陰影，負值會使陰影收縮的比本身元素的

尺寸還小。
color：陰影的顏色值；
position：可選，表示陰影的位置，默認值是外部陰影，關鍵字inset指的是內部陰影。

多重陰影：每個陰影通過逗號分割；
圓形陰影：通過border-radius和box-shadow和用完成。
用box-shadow來創建的元素是邊界環繞的，不干擾頁面布局。
例子：
外部陰影

.box{
            margin:0 auto;
            width:200px;
            height:200px;
            background-color:yellow;
            box-shadow:10px 10px 10px 0px #999;
        }

 
內部陰影

.box{
            margin:0 auto;
            width:200px;
            height:200px;
            background-color:yellow;
            box-shadow:20px 10px 10px 10px #999 inset;
        }

 

 

在這里我只舉了兩個簡單的例子，有很多的效果，多多探索。另外相似的屬性還有text-shadow。