CSS控制圖片顯示是一種使用CSS來調整圖片顯示方式的技術。通過使用CSS，我們可以控制圖片的顯示位置、大小、背景色和其他屬性。本文將介紹如何使用CSS來控制圖片的顯示效果。

然后，我們可以使用CSS來調整圖片的顯示效果。CSS可以用于設置圖片的顯示位置、大小、邊框樣式和其他屬性。以下是一個簡單的CSS樣式表，可以設置圖片的顯示位置：

width: 100px;

height: 100px;

display: block;

margin: 0 auto;

border: 1px solid #ccc;

這個樣式表將設置一個寬度為100像素、高度為100像素的圖片，顯示在水平居中的位置，并且帶有1像素的邊框。我們可以使用其他屬性來進一步調整圖片的顯示效果，例如：

width: 100px;

height: 100px;

display: block;

margin: 0 auto;

border: 1px solid #ccc;

overflow: hidden;

這個樣式表將設置一個寬度為100像素、高度為100像素的圖片，顯示在水平居中的位置，并且帶有1像素的邊框。同時，它還會隱藏圖片的內邊距，使圖片更加緊湊。

除了調整圖片的顯示位置和大小外，我們還可以使用CSS來控制圖片的背景色和其他屬性。例如，我們可以使用CSS的background屬性來設置圖片的背景色：

width: 100px;

height: 100px;

display: block;

margin: 0 auto;

border: 1px solid #ccc;

background: #ff0000;

這個樣式表將設置一個寬度為100像素、高度為100像素的圖片，顯示在水平居中的位置，并且帶有1像素的邊框。同時，它還會設置圖片的背景色為深紅色。

通過使用CSS來控制圖片的顯示效果，我們可以輕松地調整圖片的顯示位置、大小、背景色和其他屬性，從而使我們的網頁更加美觀和易于閱讀。