摘要：HTML關燈代碼是一種用于網頁設計的技巧，可以通過代碼實現網頁中的燈光效果，使網頁看起來更加動態和有趣。本文將介紹HTML關燈代碼的使用方法。

1. 在HTML文檔中添加關燈代碼

在HTML文檔中添加關燈代碼非常簡單，只需要在需要添加關燈效果的部分，添加如下代碼即可：style>d-color:#000;}/style>

代碼中的“body”表示網頁的主體部分，將其背景顏色設置為黑色即可實現關燈效果。

2. 自定義關燈效果

如果希望自定義關燈效果，可以通過修改代碼中的背景顏色、字體顏色、圖片等來實現。例如，可以將背景顏色設置為灰色，字體顏色設置為白色，圖片設置為暗色調，就可以實現一種溫馨、舒適的關燈效果。style>d-color:#333; color:#fff;}g {opacity:0.4;}/style>

代碼中的“opacity”表示圖片的透明度，將其設置為0.4即可實現暗色調的效果。

3. 添加開燈按鈕

為了方便用戶控制網頁的燈光效果，可以添加一個開燈按鈕，讓用戶可以自由地開啟或關閉燈光效果。添加開燈按鈕的方法也非常簡單，只需要在HTML文檔中添加一個按鈕元素，并為其設置一個JavaScript函數即可。

```click>script>ction toggleLights() {ententsByTagName("body")[0];dColor == "black") {dColor = "white";

body.style.color = "black";

} else {dColor = "black";

body.style.color = "white";/script>

代碼中的“toggleLights()”函數用于控制燈光效果的開啟和關閉，當用戶點擊按鈕時，該函數會判斷當前燈光狀態并進行相應的操作。

總結：HTML關燈代碼是一種非常有趣的網頁設計技巧，可以為網頁增加動態和趣味性。通過本文的介紹，相信讀者已經掌握了HTML關燈代碼的使用方法，可以在自己的網頁中嘗試添加關燈效果，讓網頁更加生動有趣。