CSS是網(wǎng)頁設(shè)計中的基本技能之一，它可以讓我們實現(xiàn)很多華麗的效果，比如圖片的并排展示。下面我們就通過代碼來實現(xiàn)兩張圖片的并排展示。

/* HTML代碼 */
<div class="container">
<img src="image1.jpg" alt="圖片1">
<img src="image2.jpg" alt="圖片2">
</div>
/* CSS代碼 */
.container {
display: flex; /* 將容器設(shè)置為flex布局 */
justify-content: space-between; /* 將兩張圖片分別放在容器的兩側(cè) */
}
.container img {
width: 45%; /* 設(shè)置圖片寬度為容器寬度的45% */
height: auto; /* 根據(jù)寬度自適應(yīng)高度 */
}

首先，在HTML中創(chuàng)建一個包含兩張圖片的div容器，分別給兩張圖片設(shè)置src屬性和alt屬性。在CSS中，我們將該容器設(shè)置為flex布局，并將兩張圖片分別放置在容器的兩側(cè)。然后我們給圖片設(shè)置寬度為容器寬度的45%，讓它們能夠適應(yīng)不同的屏幕尺寸。

實際上，CSS實現(xiàn)兩張圖片并排展示還有很多種方法，比如使用float屬性，或者將圖片設(shè)置為inline或inline-block元素等等。不同的方法各有優(yōu)缺點，我們可以根據(jù)具體情況選擇最適合的方法。