HTML5與CSS的結(jié)合使用可以實現(xiàn)圖片樣式的豐富多樣，以下是一些常見的圖片樣式設(shè)置：

1、圖片尺寸與位置：在HTML中插入圖片，并使用CSS設(shè)置其尺寸和位置，設(shè)置圖片寬度為500像素，高度為300像素，并居中顯示：

<img src="image.jpg" style="width:500px; height:300px; margin:auto;">

2、圖片邊框與背景：使用CSS為圖片添加邊框和背景，添加2像素寬的紅色邊框和灰色背景：

<img src="image.jpg" style="border:2px solid red; background-color:gray;">

3、圖片圓角與陰影：使用CSS設(shè)置圖片的圓角和陰影效果，設(shè)置圓角為10像素，并添加陰影：

<img src="image.jpg" style="border-radius:10px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);">

4、圖片透明度與混合模式：使用CSS設(shè)置圖片的透明度和混合模式，設(shè)置透明度為0.5，并添加混合模式：

<img src="image.jpg" style="opacity:0.5; mix-blend-mode:multiply;">

這些樣式設(shè)置可以幫助你更好地控制圖片在網(wǎng)頁中的顯示效果，除了上述樣式外，CSS還支持更多的圖片樣式設(shè)置，你可以根據(jù)自己的需求進行探索和學(xué)習(xí)。