在開發項目的過程中，我們常常需要進行商品分類的展示。這時候，為了讓頁面更加美觀、清晰，我們需要對商品分類進行一定的css美化。

首先，我們需要對商品分類進行布局。這一步可以通過CSS的float屬性和width屬性實現。

.category {
width: 25%;
float: left;
}

接下來，我們需要對商品分類的樣式進行美化。這可以通過CSS的背景顏色、字體大小、邊框等屬性實現。

.category {
width: 25%;
float: left;
background-color: #ccc;
padding: 10px;
border: 1px solid #eee;
font-size: 16px;
}

除此之外，我們還可以通過偽類:hover來實現鼠標懸停時的效果。

.category:hover {
background-color: #eee;
}

最后，我們可以為商品分類下面的具體商品添加一些特效，比如鼠標懸停時的背景顏色變化、透明度變化等。

.category-item:hover {
background-color: #fff;
opacity: 0.8;
transition: all .3s;
}

通過以上的CSS編碼，我們可以實現對商品分類的美化和效果展示，讓頁面更加清晰、美觀，提高用戶體驗。