定義和用法
box-shadow 屬性向框新增乙個或多個陰影
語法
box-shadow: h-shadow v-shadow blur spread color inset; 值描述
h-shadow
必需。水平陰影的位置。如果值為正值，則陰影在物件的右邊，反之其值為負值時，陰影在物件的左邊。
v-shadow
必需。垂直陰影的位置。如果為正值，陰影在物件的底部，反之其值為負值時，陰影在物件的頂部。
blur
可選。模糊距離。其值只能是為正值，如果其值為0時，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊。
spread
可選。陰影的尺寸。其值可以是正負值，如果值為正，則整個陰影都延展擴大，反之值為負值時，則縮小。
color
可選。陰影的顏色。
inset
可選。將外部陰影 (outset) 改為內部陰影。
詳細參考
形成如下樣式的**：（運用box-shadow）
2、多重邊框title>
rel="stylesheet"
href="2.css"/>
head>
id="div1">
div>
body>
html>css**：
@charset
"utf-8"
;#div1
body
但是如果是要形成乙個虛線的邊框，box-shadow就沒有辦法了，這時可以使用outline（描邊）屬性來實現。如實現上面的兩層框的css**就可以寫成：
@charset
"utf-8"
;#div1
/*由於上乙個**運用陰影的屬性來實現雙層邊框，因此加上了margin:30px;的**，使得div向下移動，以便於顯示出陰影（模擬描邊）的效果。
但是outline屬性不需要，所以加上margin值後，會比之前的向下移動30px。*/
body
CSS揭秘 2 多重邊框
outline 方案 背景知識 box shadow的基本用法，outline基本用法 x偏移量 y偏移量 陰影模糊半徑 陰影擴散半徑 陰影顏色 box shadow 2px 2px 2px 1px rgba 0,0,0,0.2 以上是box shadow的基本引數。box shadow是為元素新增...
CSS揭秘 背景與邊框（2） 多重邊框
有些情況下，為了滿足一些要求，普通的邊框有點達不到我們的需求，這時我們可以使用多重邊框。box shadow屬性可以設定乙個或多個下拉陰影的框。語法 box shadow h shadow v shadow blur spread color inset 值 說明h shadow 必需的。水平陰影的...
css 揭秘 CSS揭秘 技巧（二） 多重邊框
原始碼都在這上面哦！喜歡的給我乙個星吧 問題 我們通常希望在css 層面以更靈活的方式來調整邊框樣式 目前為止，我們大多數人可能已經用過 或者濫用過 box shadow來生成投影，不太為人之的是，它還接受四個引數 擴張半徑 通過制定正值或負值，可以讓投影面積加大或者減小,h shadow 必需。水...