CSS是一種用于網頁布局和樣式設計的語言，其中前景色和背景色的設置經常被使用。在這篇文章中，我們將介紹如何使用CSS設置前景色和背景色的方法。

顏色代碼對應表：
黑色：#000000
白色：#FFFFFF
紅色：#FF0000
綠色：#00FF00
藍色：#0000FF
黃色：#FFFF00
紫色：#800080
青色：#00FFFF
橙色：#FFA500
灰色：#808080

在CSS中，我們可以使用color屬性來設置前景色。例如：

p{
color: red;
}

上述代碼將p元素的前景色設置為紅色。你可以根據自己的需要，將color屬性的值設置為不同的顏色代碼或顏色名稱，例如：

p{
color: #00FF00;
}
p{
color: green;
}

這些代碼將p元素的前景色分別設置為綠色和綠色對應的顏色代碼。

我們同樣可以使用background-color屬性來設置背景色。例如：

p{
background-color: yellow;
}

上述代碼將p元素的背景色設置為黃色。同樣，你可以根據自己的需要，將background-color屬性的值設置為不同的顏色代碼或顏色名稱，例如：

p{
background-color: #0000FF;
}
p{
background-color: blue;
}

這些代碼將p元素的背景色分別設置為藍色和藍色對應的顏色代碼。

除了普通的文本元素，我們同樣可以使用CSS設置其他元素的前景色和背景色，例如按鈕元素。例如：

button{
color: white;
background-color: blue;
}

上述代碼將所有的按鈕元素的前景色設置為白色，背景色設置為藍色。

總結來說，前景色和背景色的設置是CSS樣式設計中的基本技能。通過顏色代碼或顏色名稱來設置前景色和背景色，可以讓網頁看起來更加美觀，吸引人眼球。