1.使用CSS實(shí)現(xiàn)開燈關(guān)燈效果

CSS是一種用于描述網(wǎng)頁樣式的語言，可以通過CSS來實(shí)現(xiàn)開燈關(guān)燈的效果。具體實(shí)現(xiàn)方法如下：

（1）在HTML文件中，引入CSS文件，代碼如下：

```k rel="stylesheet" type="text/css" href="light.css">

（2）在CSS文件中，編寫開燈和關(guān)燈的樣式代碼，代碼如下：

/* 關(guān)燈樣式 */

body {d-color: #333;

color: #fff;

/* 開燈樣式 */

body.light {d-color: #fff;

color: #333;

（3）在HTML文件中，添加切換開燈關(guān)燈的按鈕，代碼如下：

```clickent>

2.使用JavaScript實(shí)現(xiàn)開燈關(guān)燈效果

除了CSS，我們還可以使用JavaScript來實(shí)現(xiàn)開燈關(guān)燈的效果。具體實(shí)現(xiàn)方法如下：

（1）在HTML文件中，引入JavaScript文件，代碼如下：

（2）在JavaScript文件中，編寫開燈和關(guān)燈的代碼，代碼如下：

```ction switchLight() {ententsByTagName("body")[0];e == "light") {e = "";

} else {e = "light";

}

（3）在HTML文件中，添加切換開燈關(guān)燈的按鈕，代碼如下：

```click>

通過以上兩種方法，我們可以實(shí)現(xiàn)網(wǎng)頁的開燈關(guān)燈效果，讓用戶更加方便地瀏覽網(wǎng)頁。在實(shí)際應(yīng)用中，我們可以根據(jù)自己的需要來選擇使用CSS或JavaScript來實(shí)現(xiàn)開燈關(guān)燈的效果。