CSS 2列商品列表是一種常見的網(wǎng)頁設計方式，可以很好地展示商品信息和圖片。以下是一些示例代碼：

/* HTML代碼： */
<div class="product-list">
<div class="product">
<a href="#">
<img src="product1.jpg" alt="Product 1">
<h3>Product 1</h3>
<p>Description of product 1.</p>
</a>
</div>
<div class="product">
<a href="#">
<img src="product2.jpg" alt="Product 2">
<h3>Product 1</h3>
<p>Description of product 2.</p>
</a>
</div>
<div class="product">
<a href="#">
<img src="product3.jpg" alt="Product 3">
<h3>Product 3</h3>
<p>Description of product 3.</p>
</a>
</div>
</div>
/* CSS代碼： */
.product-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product {
width: 45%;
margin-bottom: 20px;
}
.product a {
text-decoration: none;
color: black;
}
.product img {
width: 100%;
}
.product h3 {
margin: 10px 0;
font-size: 18px;
}
.product p {
font-size: 14px;
line-height: 1.5;
}

上面的代碼中，我們用了一個div容器包含了多個商品信息塊，每個塊都有圖片、標題和描述三個部分。我們使用了Flexbox布局，將每個商品塊設置為45%的寬度，讓它們分成兩列。使用justify-content: space-between;屬性來讓它們在容器中平均分布。

樣式方面，我們使用了font-size屬性來設置標題和描述的大小，margin屬性來控制間距，以及l(fā)ine-height屬性來控制行間距。對于圖片，我們將其寬度設置為100%，以適應不同大小的屏幕。最后，我們使用了text-decoration屬性來去掉鏈接的下劃線。

總之，CSS 2列商品列表是一種常見且有效的網(wǎng)頁設計方式，它可以簡單易懂地呈現(xiàn)商品信息，吸引用戶的注意力。如果你正在制作一個電商網(wǎng)站或者是展示類網(wǎng)頁，這種布局方式將會是不錯的選擇。