CSS中的圖像樣式是界面設計中不可或缺的一部分。CSS可以通過一些屬性來控制圖像的大小、邊框、位置等等。下面就讓我們來看看常用的一些圖像樣式。

img{
/* 設置圖片的寬度和高度 */
width: 200px;
height: 100px;
/* 設置圖片的邊框 */
border: 1px solid gray; 
border-radius: 5px;
/* 設置圖片的位置 */
float: left;
margin-right: 20px;
}

代碼中的img表示對頁面中所有圖片應用樣式。在這里我們可以設置圖片的寬度和高度，也可以設置圖片的邊框。邊框還可以使用border-radius屬性來設置圓角。如果頁面中有多張圖片，float屬性可以將圖片浮動到左側，并使用margin-right屬性來設置圖片之間的間距。

div{
/* 設置背景圖片 */
background-image: url("background.jpg");
/* 背景圖片的重復方式 */
background-repeat: repeat;
/* 背景圖片相對于文檔的位置 */
background-position: center;
/* 背景圖片的大小 */
background-size: cover;
}

除了直接插入圖片到HTML當中，CSS也可以通過設置元素的背景圖片來實現圖像樣式。在代碼中，我們可以通過background-image屬性來設置背景圖片，然后通過background-repeat屬性來設置圖片的重復方式。如果我們希望圖片不重復，可以設置background-repeat為no-repeat。background-position屬性可以設置背景圖片相對于文檔的位置，通過百分比或像素可以精確定位。background-size屬性可以設置背景圖片的大小，cover表示圖片可以自適應元素的大小，并保持原有比例。