在CSS中，有三個重要的屬性與色彩有關：顏色(color)、背景色(background-color)和邊框色(border-color)。下面我們就來逐一了解一下它們的使用。

/* 顏色屬性 */
p {
color: red; /* 定義文本顏色為紅色 */
}
/* 背景色屬性 */
body {
background-color: #f2f2f2; /* 定義背景顏色為灰白色 */
}
/* 邊框色屬性 */
div {
border: 1px solid #ccc; /* 定義邊框為寬度為1px、實線、灰色 */
}

顏色屬性用于定義文本的顏色。可以使用顏色名稱(red, blue, green等)，也可以使用顏色的十六進制表示(#000000表示黑色，#FFFFFF表示白色)。此外，還可以使用rgb()函數和rgba()函數來定義顏色。rgb()函數接受三個參數，分別是紅、綠、藍的亮度，取值范圍是0~255；而rgba()函數多了一個參數，表示透明度，取值范圍是0~1。

背景色屬性用于定義元素的背景顏色。同樣可以使用顏色名稱、十六進制表示、rgb()函數和rgba()函數。特別需要注意的是，如果想要將背景設為透明，可以使用transparent關鍵字。

邊框色屬性用于定義元素的邊框顏色。可以使用顏色名稱、十六進制表示、rgb()函數和rgba()函數。邊框屬性還可以細分為上、右、下、左四個方向的屬性(border-top-color, border-right-color, border-bottom-color, border-left-color)，分別定義每個方向的邊框顏色。

通過使用這三個屬性，我們可以輕松地掌控網頁的顏色風格。需要注意的是，要為用戶提供較好的視覺體驗和可訪問性，應該選擇易于區分和閱讀的顏色。