在使用CSS樣式美化頁面時，經(jīng)常會遇到需要對某些元素之間的間隔進(jìn)行調(diào)整的情況，比如圖片之間的間隔。本文將介紹如何使用CSS來控制3張圖片之間的間隔。

首先，我們需要在HTML文件中添加3張圖片元素：

<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">

接著，在CSS文件中添加如下代碼：

img:nth-of-type(1) {
margin-right: 10px;
}
img:nth-of-type(2) {
margin-right: 20px;
}

上述代碼使用了:nth-of-type偽類，它可以匹配一個選擇器的父元素中特定類型的子元素。對于上面的代碼，我們使用了:nth-of-type(1)來選擇第一個圖片元素，給它設(shè)定了右邊距為10像素；使用了:nth-of-type(2)選擇第二個圖片元素，給它設(shè)定了右邊距為20像素。由于沒有給第三個圖片元素添加樣式，因此它與第二個圖片元素的間隔距離為默認(rèn)值。

最終，通過上述代碼，我們成功地控制了3張圖片元素之間的間隔。這里需要注意的是，我們可以根據(jù)需要，對每個圖片元素的間隔距離進(jìn)行單獨(dú)調(diào)整，具體的數(shù)值可以根據(jù)實(shí)際情況靈活調(diào)整。