前景色是CSS中一項非常重要的樣式屬性，它定義了文本和其他元素的顏色。在CSS中，通過color屬性來定義前景色。下面是一些常見的前景色CSS代碼：

/* 將文本顏色設置為紅色 */
color: #ff0000;
/* 將文本顏色設置為藍色，透明度為0.5 */
color: rgba(0, 0, 255, 0.5);
/* 將文本顏色設置為白色 */
color: #ffffff;
/* 將文本顏色設置為黑色 */
color: #000000;

除了使用十六進制或者RGB顏色值來定義前景色，還可以使用顏色名稱。這些顏色名稱在CSS中是預定義的，如下所示：

/* 將文本顏色設置為紅色 */
color: red;
/* 將文本顏色設置為藍色 */
color: blue;
/* 將文本顏色設置為綠色 */
color: green;
/* 將文本顏色設置為黃色 */
color: yellow;

除了設置文本的前景色，還可以設置其他元素的前景色，如下面的代碼：

/* 將元素的文本顏色設置為紅色 */
a {
color: #ff0000;
}
/* 將元素的文本顏色設置為藍色 */
button {
color: blue;
}

在實際開發中，我們需要根據設計稿來定義前景色。通過使用前景色，我們可以實現最基本的顏色調整，從而提升網站的視覺效果。