CSS盒子內(nèi)陰影的設(shè)置方法

在CSS中，可以使用box-shadow屬性來設(shè)置盒子的內(nèi)陰影。box-shadow屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和擴(kuò)展半徑，這四個值可以通過逗號來分隔，并且它們的默認(rèn)值分別是0 0 0 0。

如果想要設(shè)置一個向右偏移10像素、向下偏移5像素、模糊半徑為3像素、擴(kuò)展半徑為2像素的內(nèi)陰影，可以這樣寫：

box-shadow: 10px 5px 3px 2px;

如果想要設(shè)置不同的顏色，可以在這四個值之后添加顏色值，

box-shadow: 10px 5px 3px 2px #ff0000;

這樣就可以將內(nèi)陰影的顏色設(shè)置為紅色，注意，顏色值必須是合法的CSS顏色值，可以是十六進(jìn)制顏色碼、RGB顏色值或者顏色名稱。

除了設(shè)置內(nèi)陰影的顏色和大小，還可以設(shè)置內(nèi)陰影的透明度，透明度可以通過rgba顏色值來設(shè)置，

box-shadow: 10px 5px 3px 2px rgba(255, 0, 0, 0.5);

這樣就可以將內(nèi)陰影的顏色設(shè)置為紅色，并且透明度為50%。

使用box-shadow屬性可以很方便地設(shè)置盒子的內(nèi)陰影效果。