CSS是一種用于呈現或布局HTML和XML文檔的樣式表語言。它通過控制頁面上元素的外觀和排列方式來改善和增強Web內容。在網頁中，圖片是占據一定比例的內容，如何控制圖片的大小、位置和與周圍元素的距離就顯得尤為重要了。那么，接下來我們就來看看如何利用CSS調整圖片距離的方法。

/* 圖片居中 */
img {
display: block;
margin-left: auto;
margin-right: auto;
}
/* 水平距離調整 */
img {
margin-left: 20px; /*左邊距離為20px*/
margin-right: 20px; /*右邊距離為20px*/
}
/* 垂直距離調整 */
img {
margin-top: 20px; /*上邊距離為20px*/
margin-bottom: 20px; /*下邊距離為20px*/
}
/* 組合調整 */
img {
margin: 20px auto; /*上下間隔20px，左右居中*/
}

通過上述CSS代碼，我們可以控制圖片的位置和與周圍元素的距離。可以根據實際情況對代碼進行組合和調整。總之，CSS是一種很強大的樣式表語言，可以讓Web頁面變得更加有吸引力和有用，也能提高用戶體驗，從而提升網站的價值。