CSS樣式是前端開發(fā)中非常重要的一部分，通過CSS我們可以為網(wǎng)頁添加各種各樣的樣式。其中，金色樣式是比較受歡迎的一種。下面我們來看一下如何為網(wǎng)頁添加一個簡單的金色樣式。

/* 設(shè)置全局字體顏色為黑色 */
body {
color: #000;
}
/* 給h1標(biāo)簽添加樣式 */
h1 {
font-size: 40px;
color: #f5d419; /* 設(shè)置字體顏色為金色 */
text-shadow: 3px 3px #000; /* 添加文字陰影 */
text-align: center; /* 文字居中 */
}
/* 給按鈕添加樣式 */
.btn {
display: inline-block;
padding: 10px;
background-color: #f5d419; /* 按鈕背景色為金色 */
border: none;
color: #fff;
font-size: 20px;
text-align: center;
text-decoration: none;
border-radius: 10px;
box-shadow: 3px 3px #000;
cursor: pointer;
}
/* 當(dāng)鼠標(biāo)懸停在按鈕上時，改變按鈕背景色 */
.btn:hover {
background-color: #000;
}

通過上面的代碼，我們可以為網(wǎng)頁添加一個簡單的金色樣式。在代碼中，我們設(shè)置了全局字體顏色為黑色，給h1標(biāo)簽添加了金色的字體顏色，添加了文字陰影，使得文字更加突出。我們還為按鈕添加了金色的背景色，并設(shè)置了一些特效，比如邊框圓角、陰影效果、鼠標(biāo)懸停變色等。