使用CSS實現黑暗模式是目前最為流行的一種方式。在這篇文章中，我們將會介紹一些常用的CSS代碼，幫助你在網站中輕松實現黑暗模式。 一、設置頁面的背景 在實現黑暗模式時，首先我們需要考慮的是頁面的背景顏色。我們通常采用一個白色的背景作為默認的顏色，而將一個黑色的背景用于黑暗模式。下面是一個簡單的CSS代碼實現方法：

body {
background-color: #FFFFFF; /*默認的背景顏色*/
}
@media (prefers-color-scheme: dark) {
body {
background-color: #000000; /*黑暗模式的背景顏色*/
}
}

在上面的代碼中，我們使用了@media查詢語句，判斷設備是否使用黑暗模式。如果是，我們將背景顏色設置為#000000，否則將會使用默認的白色背景顏色#FFFFFF。 二、改變文本顏色 在設置完背景顏色后，我們還需要考慮文本顏色的問題。黑暗模式下的文本顏色通常是白色或者灰色。下面是一個CSS代碼實現方法：

body {
color: #000000; /*默認的文本顏色*/
}
@media (prefers-color-scheme: dark) {
body {
color: #FFFFFF; /*黑暗模式下的文本顏色*/
}
}

在上面的代碼中，我們同樣使用了@media查詢語句，將默認文本顏色設置為黑色#000000，而將黑暗模式的文本顏色設置為白色#FFFFFF。 三、改變鏈接顏色 在網站中，鏈接通常是藍色的，但是在黑暗模式中，藍色的鏈接顯得格格不入。因此，我們需要改變鏈接的顏色，讓它更加適合黑暗模式。下面是一個CSS代碼實現方法：

a {
color: #0000FF; /*默認的鏈接顏色*/
}
@media (prefers-color-scheme: dark) {
a {
color: #FFFFFF; /*黑暗模式下的鏈接顏色*/
}
}

在上面的代碼中，我們將默認的藍色鏈接顏色設置為#0000FF，而將黑暗模式下的鏈接顏色設置為白色#FFFFFF。 總結 在實現黑暗模式時，我們需要考慮的問題不僅僅是背景顏色，還包括文本顏色和鏈接顏色等。使用上面提到的CSS代碼可以幫助你更加輕松地實現黑暗模式，提升用戶體驗，讓你的網站更具現代感。