CSS可以很方便地給圖片添加陰影和白邊效果,只需要使用box-shadow和border屬性就能實現。
img {
box-shadow: 0 2px 3px rgba(0,0,0,0.3); /*陰影效果*/
border: 1px solid #fff; /*白邊效果*/
}
box-shadow屬性的值有三個參數,分別代表水平偏移量、垂直偏移量和模糊半徑。最后一個參數可以用來控制陰影的模糊程度。
border屬性可以用來給圖片添加邊框,這里我們設置為1像素的實線邊框,顏色為白色。
如果需要改變陰影顏色、大小等屬性,可以調整box-shadow的參數值。
上一篇css給圖片加邊框再居中
下一篇css鼠標懸浮點擊