HTML 背景 CSS

在網(wǎng)頁(yè)設(shè)計(jì)中，背景是一項(xiàng)重要的元素。通過(guò)設(shè)置背景，可以讓網(wǎng)頁(yè)看起來(lái)更加美觀和有個(gè)性化。HTML 中可以使用 CSS 樣式來(lái)設(shè)置背景，以下是三種常用的方式：

使用背景顏色

使用 body 元素選擇器，可以為整個(gè)網(wǎng)頁(yè)設(shè)置背景顏色。例如：

body{
background-color: #F5F5F5;
}

使用背景圖片

使用元素選擇器，并設(shè)置 background-image 屬性，可以為元素設(shè)置背景圖片。例如：

.bgImg{
background-image: url("https://xxx.com/bg.jpg");
background-size: cover;
background-position: center;
}

上面代碼中，通過(guò) .bgImg 類選擇器，為元素設(shè)置了背景圖片，并使用 background-size 和 background-position 來(lái)控制圖片的顯示和位置。

使用背景漸變色

可以通過(guò)設(shè)置 background 屬性來(lái)創(chuàng)建背景漸變效果。例如：

.bgGradient{
background: linear-gradient(to bottom, #0066FF, #33CCFF);
}

上面代碼中，通過(guò) .bgGradient 類選擇器，使用 linear-gradient 函數(shù)來(lái)創(chuàng)建垂直方向的漸變色。