Html開關(guān)燈功能可以幫助網(wǎng)站進行夜間模式的設(shè)置，方便用戶在光線較暗的情況下使用網(wǎng)站，那么如何設(shè)置呢？下面我們來介紹一下。

首先，在代碼中使用pre標簽，引入JavaScript代碼，來實現(xiàn)開關(guān)燈的功能。代碼如下：

function changeTheme() {
var theme = document.getElementById("theme");
if (theme.getAttribute("href") == "light.css") {
theme.href = "dark.css";
} else {
theme.href = "light.css";
}
}

這段代碼主要是在點擊開關(guān)燈的時候，更改網(wǎng)站的CSS文件，從而實現(xiàn)開關(guān)燈的效果。

接下來，我們需要在網(wǎng)站中引入兩個CSS文件，一個是白天時候的CSS文件，另一個是夜間模式的CSS文件。在HTML代碼中添加以下CSS鏈接：

其中，id屬性設(shè)置為theme，是為了在JavaScript中方便使用。

最后，在HTML中添加開關(guān)燈按鈕的代碼，用于觸發(fā)JavaScript函數(shù)：

開關(guān)燈

這樣就完成了Html開關(guān)燈功能的設(shè)置，用戶可以根據(jù)需求來選擇是否開啟夜間模式，提高網(wǎng)站的易用性。