在設計網頁中,圖片陰影是一個很常見的效果。在CSS中,我們可以用box-shadow屬性來設置圖片的陰影。以下是具體用法:
img { box-shadow: 2px 2px 5px #888888; }
上面的代碼中,2px、2px和5px分別表示陰影在水平方向、垂直方向和模糊半徑上的距離,#888888表示陰影的顏色。同樣,我們可以設置不同的距離和不同的顏色來實現不同的陰影效果。
需要注意的是,box-shadow屬性不僅限于圖片,也可以用在其他HTML元素上,比如按鈕、文本框等等。
除了box-shadow,CSS還有其他的陰影屬性,比如text-shadow、inset等。感興趣的讀者可以自行探究。