在淘寶網站的商品頁面，左側往往會出現一些顏色分類的選項，這些選項以彩色小方塊的形式呈現。那么，在CSS中，如何實現這種效果呢？ 答案是使用CSS的background-color屬性。下面是一個簡單的示例代碼：

紅色

解析一下這段代碼：p標簽是段落標簽，但是由于我們要用到背景色屬性，所以需要加上display:inline-block這個屬性，讓它變成一個行內塊元素。background-color屬性設置的是背景色，這里是紅色。color屬性設置的是文字顏色，這里是白色。padding屬性用于設置內邊距大小，這里是5像素。 如果我們想要顯示多個顏色選項，可以使用float屬性來實現橫向排列：

紅色
橙色
黃色

這里我們添加了一個float:left屬性，讓每個顏色選項都在一行內橫向排列。margin-right屬性用于設置右側間距大小，這里是10像素。 當然，在實際應用中，我們可能需要更多的自定義樣式，并且需要考慮文字長度溢出等問題。但基本的顏色分類效果，在以上代碼的基礎上就可以輕松實現了。