CSS圖片邊框和陰影的設(shè)置方法

在CSS中，我們可以使用border和box-shadow屬性來(lái)設(shè)置圖片的邊框和陰影，下面是一些示例代碼，展示如何實(shí)現(xiàn)這些效果：

1、設(shè)置圖片邊框：

img {
  border: 2px solid #000; /* 設(shè)置邊框?qū)挾葹?像素，顏色為黑色 */
}

2、設(shè)置圖片陰影：

img {
  box-shadow: 10px 10px 5px #888; /* 設(shè)置陰影偏移10像素，模糊距離為5像素，顏色為灰色 */
}

3、同時(shí)設(shè)置邊框和陰影：

img {
  border: 2px solid #000; /* 設(shè)置邊框?qū)挾葹?像素，顏色為黑色 */
  box-shadow: 10px 10px 5px #888; /* 設(shè)置陰影偏移10像素，模糊距離為5像素，顏色為灰色 */
}

這些代碼可以幫助你在CSS中輕松設(shè)置圖片的邊框和陰影，你可以根據(jù)需要調(diào)整邊框?qū)挾?、顏色和陰影的大小、模糊距離以及顏色。