隨著HTML5技術的發展，背景設置也更加方便和多樣化了。網頁的背景可以是純色、簡單的圖案、漸變、圖片、視頻等等。下面為大家介紹不同類型的背景設置方法。

/* 設置純色背景 */
body {
background-color: #FFC0CB;
}

可以將background-color屬性設置為顏色的名稱、RGB值、十六進制碼均可。

/* 設置簡單的圖案背景 */
body {
background-image: url("pattern.png");
}

可以通過指定圖像的路徑設置圖片背景。圖片需要放在與HTML文件同一目錄下。

/* 設置漸變背景 */
body {
background: linear-gradient(to bottom right, #FFC0CB, #00FFFF);
}

使用linear-gradient可以設置漸變背景。其中to bottom right表示漸變方向，#FFC0CB和#00FFFF是起始和終止顏色。

/* 設置固定背景圖片 */
body {
background-image: url("bg.png");
background-repeat: no-repeat;
background-attachment: fixed;
}

可以將background-attachment屬性設置為fixed，可以固定背景圖片，即不隨頁面滾動而移動。

/* 設置視頻背景 */

可以插入視頻作為背景。視頻需在video標簽內指定，其中autoplay表示自動播放，loop表示循環播放，muted表示靜音，poster為視頻封面。

HTML5的背景設置不僅多樣化，還可以通過CSS3的新屬性進行更加自由的設置。通過不同的設置，可以使網頁更具吸引力和更加美觀。