CSS背景樣式是網頁設計中的一個重要組成部分,可以起到美化頁面、提升用戶體驗的作用。下面,我們來了解一下CSS背景樣式都包含哪些。
1. 背景顏色
body { background-color: #F8F8F8; }
可以為整個頁面或特定區域設置背景顏色。
2. 背景圖片
body { background-image: url("背景圖片路徑"); }
同背景顏色,可以為整個頁面或特定區域設置背景圖片。
3. 背景平鋪
body { background-repeat: repeat|repeat-x|repeat-y|no-repeat; }
可以設置背景圖片在水平方向或垂直方向上的平鋪方式,或者不平鋪。
4. 背景位置
body { background-position: top|bottom|left|right|center; }
可以設置背景圖片的位置,或者使用坐標值進行精確定位。
5. 背景尺寸
body { background-size: auto|cover|contain; }
可以設置背景圖片的尺寸,或使用cover和contain進行自適應拉伸。
6. 不透明度
body { opacity: 0.5; }
可以設置背景顏色或圖片的不透明度,值為0-1之間的數字。
7. 邊框
body { border: 1px solid #000000; }
可以對整個頁面或特定區域設置邊框。
以上就是CSS背景樣式的常見屬性,可以通過組合使用實現千變萬化的效果。
上一篇css背景漸變工具