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

1. 調(diào)整圖片大小
2. 調(diào)整圖片形狀
3. 調(diào)整圖片顏色
4. 其他樣式

CSS圖片樣式指南

在網(wǎng)頁(yè)設(shè)計(jì)中，圖片是不可或缺的元素，而CSS（層疊樣式表）則是用來(lái)美化這些圖片的強(qiáng)大工具，通過(guò)CSS，我們可以輕松地調(diào)整圖片的大小、形狀、顏色等樣式，讓網(wǎng)頁(yè)更加生動(dòng)、美觀。

調(diào)整圖片大小

在CSS中，我們可以使用width和height屬性來(lái)調(diào)整圖片的大小，要將一張圖片的寬度調(diào)整為500像素，高度調(diào)整為300像素，可以這樣做：

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

調(diào)整圖片形狀

CSS還允許我們輕松地調(diào)整圖片的形狀，要將一張圖片裁剪成圓形，可以這樣做：

img {
  border-radius: 50%;
}

調(diào)整圖片顏色

除了大小和形狀，我們還可以使用CSS來(lái)調(diào)整圖片的顏色，要給圖片添加濾鏡效果，可以這樣做：

img {
  filter: grayscale(100%);
}

其他樣式

除了上述三種樣式，CSS還支持許多其他樣式，例如調(diào)整圖片的邊框、背景等，具體實(shí)現(xiàn)方式可以參考相關(guān)文檔或教程。

CSS是一種非常強(qiáng)大的工具，可以用來(lái)美化網(wǎng)頁(yè)中的圖片，通過(guò)學(xué)習(xí)和實(shí)踐，我們可以輕松地掌握CSS圖片樣式的寫(xiě)法，為網(wǎng)頁(yè)增添更多的色彩和活力。