引數值
描述h-shadow (x軸偏移量)
必需。水平陰影的位置。允許負值。
v-shadow (y軸偏移量)
必需。垂直陰影的位置。允許負值。
blur (陰影模糊半徑)
可選。模糊距離。
spread (陰影擴充套件半徑)
可選。陰影的尺寸。
color (陰影顏色)
可選。陰影的顏色。請參閱 css 顏色值。
inset (投影方式)
可選。將外部陰影 (outset) 改為內部陰影。
文件來自=>w3cschool
step-1：
box-shadow
: 00
5px #ccc;
// x，y偏移量為0 5px的模糊半徑
# 改變x軸偏移量
box-shadow
: 5px 0
5px #ccc;
// 水平偏移5px
# 改變y軸偏移量
box-shadow
: 05px 5px #ccc;
// 垂直偏移5px
# 改變x、y軸偏移量
# 改變x、y軸偏移量,可以為負值
# 設定inset
#demo的例項
#html
class="main">
1li>
2li>
3li>
4li>
5li>
6li>
ul>
div>
#css
body,html
*ulli.main
.main
ul.main
ulli
.main
ulli
:nth-child(3n+2)
.main
ulli
:hover
demo位址
原文blog：
css3 邊框陰影 box shadow
box shadow是向盒子新增陰影。支援新增乙個或者多個。很簡單的一段 就實現了投影效果，酷斃了。我們來看下語法 box shadow x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色 投影方式 引數介紹 注意 inset 可以寫在引數的第乙個或最後乙個，其它位置是無效的。為元素設...
CSS3屬性 box shadow測試
容器設定陰影 box shadow 語法 box shadow h shadow v shadow blur spread color inset 以上各屬性值的解析 horizontal 水平 指定水平偏移陰影。正值 即 5px 陰影向右，而為負值 即 10px 將使它偏向左。vertical 垂...
CSS3 邊框陰影box shadow
box shadow是css3中的乙個屬性，它可以向框新增乙個或多個陰影。box shadow h shadow v shadow blur spread color inset 其中box shadow的屬性 h shadow 水平陰影的位置。v shadow 垂直陰影的位置。blur 模糊距離 ...