CSS樣式是網頁設計中非常重要的一部分，其中圖片設置也是設計過程中必不可少的。本文將介紹如何使用CSS樣式來設置圖片。
首先，在HTML中添加一個標簽來插入圖片，并給它一個獨特的標識ID，例如：“img1”：

<p><img id="img1" src="example.jpg" alt="An Example Image"> </p>

接下來，在CSS樣式表中，使用選擇器來選中該ID，然后設置其寬度和高度，例如：

<p>#img1{</p>
<p>   width: 300px;</p>
<p>   height: 200px;</p>
<p>}</p>

我們可以使用其他CSS屬性來設置圖像的其他樣式屬性，例如：邊框顏色，邊框寬度，背景顏色等，如下所示：

<p>#img1{</p>
<p>   width: 300px;</p>
<p>   height: 200px;</p>
<p>   border: 2px solid black;</p>
<p>   background-color: grey;</p>
<p>}</p>

此外，我們也可以使用CSS中的background-image屬性來將圖片設置為元素的背景，如下所示：

<p>#div1{</p>
<p>   width: 400px;</p>
<p>   height: 300px;</p>
<p>   background-image: url(example.jpg);</p>
<p>   background-size: cover;</p>
<p>}</p>

在上面的例子中，我們使用