在網站設計中,背景樣式的設置尤為重要,能夠直接影響用戶的視覺感受。在 CSS 中,設置背景樣式的標簽有多種,讓我們逐一了解。
/* 設置背景顏色 */ body { background-color: #f5f5f5; } /* 設置背景圖片 */ body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: center center; } /* 設置多重背景 */ body { background-image: url("bg1.jpg"), url("bg2.jpg"); background-repeat: no-repeat, repeat; background-position: center center, top center; } /* 設置漸變背景 */ body { background: linear-gradient(to bottom, #ffcccc, #ff99cc); } /* 設置背景大小及覆蓋方式 */ body { background-size: cover; background-attachment: fixed; } /* 設置背景模糊及灰度 */ body { filter: blur(4px) grayscale(0.5); }
以上是常見的 CSS 背景樣式設置方法,通過不同的設置能夠實現不同的效果,帶來更好的用戶體驗。
上一篇css設置表格分成兩列
下一篇css設置自定義列表