css一秒后变背景色

CSS是网页设计中不可或缺的一部分，它控制网页的样式和布局。今天，我们将学习如何使用CSS使网页的背景色在1秒后发生变化。

/* 定义CSS样式 */
body {
  background-color: red;
  transition: background-color 1s ease;
}

/* 在1秒后将背景色更改为蓝色 */
setTimeout(function() {
  document.body.style.backgroundColor = 'blue';
}, 1000); 

在上面的代码中，我们首先使用CSS将网页的背景色设置为红色，并在1秒内完成颜色的渐变。接下来，我们使用setTimeout函数在1秒后将背景色更改为蓝色。

使用CSS可以轻松实现网页效果的流畅过渡，使用户体验更加舒适。希望这篇文章能够帮助大家更好地理解CSS的应用。