CSS中有很多強(qiáng)大的屬性，其中有一條屬性——box-shadow，可以為元素添加陰影效果。其中最常用的就是4條陰影。

box-shadow: 
5px 5px 0 0 red,
5px -5px 0 0 blue,
-5px 5px 0 0 green,
-5px -5px 0 0 yellow;

這一段代碼為元素添加了四條陰影效果。其中，第一個(gè)值是向右偏移的像素?cái)?shù)，第二個(gè)值是向下偏移的像素?cái)?shù)，第三個(gè)值是陰影的模糊程度，第四個(gè)值是陰影的擴(kuò)展程度，最后一個(gè)值是陰影的顏色。

如果你希望陰影效果更加立體，可以增加陰影的擴(kuò)展程度和模糊程度。比如下面這個(gè)代碼：

box-shadow: 
0 15px 20px rgba(0,0,0,0.3),
0 10px 10px rgba(0,0,0,0.22);

這一段代碼為元素添加了兩個(gè)陰影效果。第一個(gè)陰影效果為黑色，向下偏移15像素，陰影擴(kuò)展20像素，模糊程度0.3；第二個(gè)陰影效果為黑色，向下偏移10像素，陰影擴(kuò)展10像素，模糊程度0.22。

進(jìn)行CSS設(shè)計(jì)時(shí)，合理地使用box-shadow屬性的四個(gè)參數(shù)，可以為元素增添立體感和神秘感，增加瀏覽者的興趣，提升設(shè)計(jì)品質(zhì)。