在HTML網(wǎng)頁中,我們可以通過CSS來設(shè)置背景圖像或顏色。常見的CSS屬性有background-color,background-image,background-repeat,background-size等。
/* 設(shè)置背景顏色 */ body { background-color: #f2f2f2; } /* 設(shè)置背景圖像 */ body { background-image: url("背景圖像的URL"); background-repeat: no-repeat; /* 重復(fù)方式 */ background-size: cover; /* 背景圖像尺寸 */ }
例如,我們可以把背景顏色設(shè)置為灰色:
body { background-color: #f2f2f2; }
也可以把背景設(shè)置成圖片,并設(shè)置圖片的尺寸和重復(fù)方式:
body { background-image: url("https://example.com/背景圖像.jpg"); background-repeat: no-repeat; background-size: cover; }
背景圖像的URL可以是本地路徑或者外部URL,重復(fù)方式可以是no-repeat(不重復(fù))、repeat-x(橫向重復(fù))、repeat-y(縱向重復(fù))或者repeat(橫縱都重復(fù))、背景圖像的尺寸可以是contain(自適應(yīng))、cover(充滿整個屏幕)、100%×100%(固定尺寸)。通過調(diào)整這些屬性,可以實現(xiàn)各種不同的背景效果。