CSS項目符號可以為網頁的文本內容添加一些特殊效果，其中矩形顏色是一個常見的項目符號之一。在CSS中，我們可以使用偽元素來實現矩形顏色的效果：

.content:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-right: 5px;
background-color: #ccc;
}

上述代碼中，我們通過content屬性來添加一個空的偽元素，并設置它的display為inline-block，將其作為文本的一部分進行顯示。接著，我們通過width和height屬性分別設置矩形的寬度和高度，并用vertical-align屬性來使矩形與文本垂直居中。最后，我們通過background-color屬性設置矩形的顏色。

除了簡單的矩形顏色，我們還可以通過CSS實現更加復雜的項目符號，例如圓形、三角形等。通過合理運用這些項目符號，我們可以更好地美化網頁，提升用戶體驗。