隨著夜間閱讀的需求增加，多數網站都推出了夜間模式。實現夜間模式主要通過修改.css文件，下面將介紹一下如何實現夜間模式。

首先，在html文件中引入兩個.css文件，一個是白天模式的樣式表，一個是夜間模式的樣式表。如下：

<link rel="stylesheet" href="day_mode.css">
<link rel="stylesheet" href="night_mode.css">

關鍵在于如何切換樣式表。一種實現方式是在頁面中加入切換按鈕，通過JavaScript實現切換樣式表的功能。代碼如下：

<button onclick="switchMode()">切換夜間模式</button>
<script>
function switchMode() {
var link = document.getElementsByTagName('link')[0];
var href = link.getAttribute('href');
if (href == 'day_mode.css') {
link.setAttribute('href', 'night_mode.css');
} else {
link.setAttribute('href', 'day_mode.css');
}
}
</script>

在這段代碼中，我們獲取了第一個標簽，并獲取其href屬性。如果href屬性是day_mode.css，就將其修改為night_mode.css；否則將其修改為day_mode.css，即完成了夜間模式的切換。

最后，我們需要給夜間模式的樣式表加上相應的樣式。這里是一個簡單的示例：

body {
background-color: #222;
color: #fff;
}
a {
color: #ccc;
}
p {
background-color: #444;
padding: 1em;
border-radius: 5px;
}

在這個樣式表中，我們將背景色改為#222，文字顏色改為白色，并給鏈接加上了灰色。此外，我們還添加了一個p標簽的樣式，給它設置了深色的背景色、同樣色系的字體顏色，以及圓角的邊框，使得整個頁面看起來更加舒適。

總結一下，實現夜間模式需要在html文件中引入兩個.css文件，在JavaScript中編寫切換樣式表的代碼，并在樣式表中設置相應的樣式。這個過程雖然繁瑣，但與用戶使用的愉悅體驗相比，這些工作都是值得的。