在網頁設計中，常常需要添加圖片來豐富內容。而在設置圖片的樣式時，CSS代碼的使用顯得非常重要。下面是一些常見的CSS代碼大全，可以用來設置網頁中的圖片。 首先，我們需要準備一張圖片并添加到HTML頁面中。代碼如下：

接下來，我們可以為這張圖片設置樣式。下面是一些常見的CSS樣式，可以根據需求進行調整。 1. 設置圖片寬度和高度 使用width和height屬性可以設置圖片的寬度和高度。例如，設置圖片寬度為200像素，高度為150像素：

img {
width: 200px;
height: 150px;
}

2. 設置圖片邊框 使用border屬性可以設置圖片的邊框。例如，設置邊框寬度為1像素，邊框顏色為紅色：

img {
border: 1px solid red;
}

3. 設置圖片圓角 使用border-radius屬性可以設置圖片圓角。例如，設置圓角為10像素：

img {
border-radius: 10px;
}

4. 設置圖片陰影 使用box-shadow屬性可以設置圖片陰影。例如，設置陰影水平偏移量為2像素，垂直偏移量為2像素，模糊距離為3像素，陰影顏色為灰色：

img {
box-shadow: 2px 2px 3px grey;
}

5. 設置圖片透明度 使用opacity屬性可以設置圖片的透明度。例如，設置透明度為50%：

img {
opacity: 0.5;
}

以上是一些常見的CSS代碼，可以用來設置網頁中的圖片。當然，還有更多的樣式可以根據實際需求進行調整。有了這些樣式的設置，我們可以輕松地打造出更加美觀和豐富的網頁。