css背景切換代碼

1. css背景圖片每3秒自動切換

<div class="change">

</div>
<style>
.change {
animation: change 9s steps(1) infinite;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
width: 200px;
height: 100px;
}

@keyframes change {
0% {
background-image: url(https://www..com/img/PCtm_.png);
}

33% {
background-image: url(https://www.hongwei.site/img/201809/s1.png);
}

66% {
background-image: url(https://p4.ssl.qhimg.com/t01fcaa9d8a4d24b5f1.png)
}
}
</style>
純 css 每3秒播一張圖片。9s是總共時間，如果是4張圖片這里寫 12s

2. 如何在CSS代碼中把背景顏色改成淺藍色分都給了！

需要准備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新內建html文件，例如：index.html。