在網(wǎng)站設(shè)計(jì)中,背景樣式的設(shè)置尤為重要,能夠直接影響用戶的視覺(jué)感受。在 CSS 中,設(shè)置背景樣式的標(biāo)簽有多種,讓我們逐一了解。
/* 設(shè)置背景顏色 */ body { background-color: #f5f5f5; } /* 設(shè)置背景圖片 */ body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: center center; } /* 設(shè)置多重背景 */ body { background-image: url("bg1.jpg"), url("bg2.jpg"); background-repeat: no-repeat, repeat; background-position: center center, top center; } /* 設(shè)置漸變背景 */ body { background: linear-gradient(to bottom, #ffcccc, #ff99cc); } /* 設(shè)置背景大小及覆蓋方式 */ body { background-size: cover; background-attachment: fixed; } /* 設(shè)置背景模糊及灰度 */ body { filter: blur(4px) grayscale(0.5); }
以上是常見的 CSS 背景樣式設(shè)置方法,通過(guò)不同的設(shè)置能夠?qū)崿F(xiàn)不同的效果,帶來(lái)更好的用戶體驗(yàn)。