CSS是一種樣式表語言，它可以控制HTML元素的布局和樣式。在Web設計中，排版是一個非常關鍵的部分，而圖片排版是其中一個重要的環節。本文將介紹如何使用CSS排版三張圖片。 在HTML中，我們可以使用標簽來插入圖片。例如，我們有三張圖片需要排版在一起，可以使用以下HTML代碼：

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

但是，這樣的排版非常簡單，只是簡單地將三張圖片堆疊在一起。如果我們想要更復雜的排版，我們就需要使用CSS。 首先，讓我們給每張圖片加上一個類名，方便我們通過CSS來控制它們的樣式。例如：

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

接下來，我們可以使用CSS中的display屬性來定義每張圖片應該如何排版。假設我們希望三張圖片排成一行，我們可以使用以下代碼：

.pic {
display: inline-block;
}

這樣，三張圖片就會排成一行了。但是，它們之間可能會有一些間隔。如果我們想讓它們更緊密地排列，可以使用CSS中的margin屬性。例如：

.pic {
display: inline-block;
margin-right: 10px;
}

這樣，每張圖片之間就會有10像素的間隔了。如果我們希望最后一張圖片沒有右側間隔，可以添加以下代碼：

.pic:last-child {
margin-right: 0;
}

以上是使用CSS排版三張圖片的基本方法。除此之外，你還可以使用CSS中的其他技巧來對圖片進行更加復雜的排版，例如使用flexbox和grid布局等。總之，CSS是一個非常強大的工具，可以幫助我們實現各種各樣的排版效果。