要将网页背景颜色更改为黑白,你可以使用CSS样式来设置背景颜色。以下是两种方法来实现这一目标:
方法一:使用CSS设置背景颜色
1. 黑色背景:
css
body {
background-color: black; /* 设置背景为黑色 */
color: white; /* 设置文字颜色为白色,以确保可读性 */
}
2. 白色背景:
css
body {
background-color: white; /* 设置背景为白色 */
color: black; /* 设置文字颜色为黑色 */
}
你可以将以上代码添加到你的CSS文件中,或者直接在HTML文件的`
const button = document.getElementById('toggleButton');
button.addEventListener('click', () => {
document.body.classList.toggle('dark-mode');
});