在網頁中使用圖片是非常常見的，而如何設置圖片也是我們在網頁設計中需要注意的。在HTML中，我們使用標簽來插入圖片，而在CSS中設置圖片的方法也非常簡單，接下來我們會一一介紹。

/* 1. 通過設置background-image屬性 */
img {
display: block; /* 讓圖片的位置更加靈活 */
width: 100%;
height: auto;
background-image: url("image.jpg");
}
/* 2. 通過設置background屬性 */
img {
display: block;
width: 100%;
height: auto;
background: url("image.jpg") no-repeat;
background-size: cover;
}
/* 3. 通過為標簽添加類名 */
HTML:CSS:
.image-class {
display: block;
width: 100%;
height: auto;
}
/* 4. 通過為標簽的父元素設置樣式 */
HTML:
CSS:
.image-container {
width: 50%; /* 設置圖片容器的寬度 */
margin: 0 auto; /* 讓容器居中 */
}
.image-container img {
display: block;
width: 100%;
height: auto;
}

以上就是四種使用CSS設置圖片的方法。為圖片添加樣式，能夠更好地提升網頁的美觀程度，同時也能夠讓整個頁面看起來更加統一。