CSS樣式是網頁設計的重要一環，其中包含了很多的技巧與細節。其中，圖片作為網頁中常見的元素之一，也是需要注意的。

img{
display:block;
margin:auto;
max-width:100%;
}

在CSS樣式中，對于圖片的處理有許多選擇與技巧，其中最基本的就是將其居中展示。由于圖片有不同的尺寸，我們可以使用max-width屬性將圖片向外展開至占滿其容器的寬度。如果圖片需要在容器中居中展示，那么使用margin:auto即可。

background-image:url('image.jpg');
background-size:cover;
background-position:center;

在某些情況下，圖片并不是以標簽的形式嵌入在網頁中，而是使用background-image屬性將其賦予一個元素作為其背景圖片。此時，我們需要注意設置背景圖片的大小，通常使用cover將其整個包裹即可。同時，設置背景圖片的展示位置，常常使用center將其居中展示。

list-style-type:none;
background-image:url('icon.png');
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;

除了img標簽和background-image屬性的處理外，還有一種常見的情況是在列表或導航欄中使用小圖標。這時我們可以使用background-image將其設置在元素的左側，并設置padding讓文字與圖標有適當的間距。另外，由于這里使用了背景圖片，所以需要將list-style-type設置為none去除默認的數字或圖標。