在網頁設計中，圖片是非常重要的元素之一，可以使頁面更加美觀、吸引人。而通過 CSS 來設置頁面中的圖片也是一項基本技能。那么，本篇文章就教大家如何使用 CSS 設置圖片。 首先，需要知道在 CSS 中如何選擇圖片要設置的元素。在 HTML 中，圖片通常以標簽的形式呈現，而在 CSS 中，我們可以通過選擇器來選中這些標簽。如下所示： ```html``` ```css img { /* 在此設置圖片的樣式 */ } ``` 在選中圖片元素之后，接下來就是為圖片設置樣式。以下是一些常用的樣式屬性及其作用： 1. width 和 height 屬性：用于設置圖片的寬度和高度。 ```css img { width: 200px; height: 200px; } ``` 2. padding 屬性：用于設置圖片與其周圍元素之間的間距。 ```css img { padding: 10px; } ``` 3. border 屬性：用于設置圖片邊框的樣式。 ```css img { border: 1px solid #000; } ``` 4. margin 屬性：用于設置圖片與其它元素之間的距離。 ```css img { margin: 10px; } ``` 5. background-image 屬性：用于為圖片元素設置背景圖片。其中，圖片的路徑需使用 url() 函數。 ```css img { background-image: url("background.jpg"); } ``` 當然，以上僅是一些常見的樣式屬性，還有很多其它的屬性可以用于設置圖片。需要根據具體需求來選擇使用。 總結一下，設置圖片的樣式是網頁設計中的一項基本技能。通過選擇器和樣式屬性，可以讓圖片變得更加美觀、吸引人。希望這篇文章對各位讀者有所幫助。