本文目錄導(dǎo)讀：

1. 修改圖片大小
2. 修改圖片顏色
3. 修改圖片邊框
4. 修改圖片背景

CSS圖片樣式修改指南

CSS（級(jí)聯(lián)樣式表）是一種用于描述HTML元素樣式的語(yǔ)言，包括顏色、字體、大小、間距等屬性，在網(wǎng)頁(yè)設(shè)計(jì)中，圖片是重要的元素之一，而CSS可以幫助我們輕松地修改圖片樣式，使其更好地融入網(wǎng)頁(yè)整體風(fēng)格。

修改圖片大小

在CSS中，我們可以使用“width”和“height”屬性來(lái)修改圖片的大小，將一張圖片的寬度設(shè)置為500像素，高度設(shè)置為300像素，可以使用以下代碼：

img {
  width: 500px;
  height: 300px;
}

修改圖片顏色

CSS中的“filter”屬性可以用來(lái)修改圖片的顏色，將一張圖片轉(zhuǎn)換為黑白模式，可以使用以下代碼：

img {
  filter: grayscale(100%);
}

修改圖片邊框

在CSS中，我們可以使用“border”屬性來(lái)添加或修改圖片的邊框，給一張圖片添加一條寬度為2像素、顏色為黑色的邊框，可以使用以下代碼：

img {
  border: 2px solid black;
}

修改圖片背景

CSS中的“background”屬性可以用來(lái)設(shè)置圖片的背景，將一張圖片的背景設(shè)置為灰色，可以使用以下代碼：

img {
  background: gray;
}

需要注意的是，以上代碼只是示例，實(shí)際使用時(shí)需要根據(jù)具體需求進(jìn)行調(diào)整，由于CSS的兼容性問(wèn)題，不同瀏覽器對(duì)CSS的支持可能會(huì)有所不同，因此在實(shí)際使用中需要注意測(cè)試與兼容性調(diào)整。