HTML5和CSS是網頁設計中最基本和最重要的技術之一。而其中之一的背景設計更是關系到網頁的美觀性和用戶體驗。下面將介紹一些HTML5和CSS背景設計的方法。

/*通過CSS設置背景顏色*/
body {
background-color: #f2f2f2;
}
/*通過CSS設置背景圖片*/
body {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
/*通過CSS設置背景漸變*/
body {
background: linear-gradient(to bottom, #ff8000, #ffcc00);
}
/*通過CSS設置背景動畫*/
@keyframes bg-animation {
0% {background-color: #ff0000;}
25% {background-color: #00ff00;}
50% {background-color: #0000ff;}
75% {background-color: #ff00ff;}
100% {background-color: #ffffff;}
}
body {
animation: bg-animation 10s infinite;
}

上述代碼中，第一個例子通過CSS設置了背景顏色，在body標簽中設置background-color屬性值即可實現；第二個例子則是通過CSS設置了背景圖片，在body標簽中設置background-image屬性值，且需要配合background-repeat和background-size屬性進行調節；第三個例子則是通過CSS設置了背景漸變，在body標簽中設置background屬性值即可實現；最后一個例子則是通過CSS設置了背景動畫，通過@keyframes關鍵字定義了一個背景色隨時間變化的動畫，并通過animation屬性將其與body標簽關聯。