CSS中的樣式可以實現許多有趣的效果，比如把兩張圖片并排顯示。下面我們來看一下怎樣用CSS讓圖片在網頁上排列。

/*HTML代碼*/
<div class="img-container">
<img src="image1.jpg" />
<img src="image2.jpg" />
</div>
/*CSS代碼*/
.img-container {
display: flex;  /*使用flexbox布局*/
justify-content: space-between;  /*讓兩個圖片間隔相等*/
align-items: center;  /*垂直居中*/
}
.img-container img {
width: 45%;  /*控制圖片的寬度*/
height: auto;  /*根據寬度自適應高度*/
}

首先，我們在HTML中創建一個包裹圖片的div容器，并在其中添加兩個img標簽分別對應兩張圖片。接著，在CSS中對該容器進行布局，使用flexbox讓兩張圖片平均分配空間并排展示，通過設置img標簽的width屬性控制圖片的寬度，height屬性根據寬度自適應高度。最后，添加對齊的樣式以使兩張圖片垂直居中。

使用CSS讓圖片并排顯示可以讓網頁呈現出更加美觀自然的布局效果。以上就是實現這一效果的基本方法和代碼實現。讓我們通過靈活運用CSS的各種樣式，打造出更加豐富多彩的網頁布局效果。