CSS设置背景图片
CSS設置背景圖片
? ? ? ? ? CSS給頁面添加背景圖片的方法，就是使用background-image屬性，直接定義其URL值，此時，瀏覽器就會自動將圖片覆蓋整個頁面。
? ? ? ? ??如果給網(wǎng)頁的body標記，添加background-image：URL背景圖片，那么頁面的所有地方，都會以該圖片作為背景。
? ? ? ? ??其中，URL的值可以用絕對路徑，也可以使用相對路徑。
<span style="font-size:24px;"><html><head><title>背景圖片</title><style><!--body{background-image:url( http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg);}--></style></head><body></body> </html></span>? ? ? ? ??
? ? ? ? ??如果，背景圖片使用的是透明的GFI格式圖片，此時設置背景顏色background-color，背景顏色會透過圖片的透明部分顯示出來，與圖片同時生效。
<span style="font-size:24px;"><html><head><title>背景圖片、背景顏色同時</title><style><!--body{background-image:url( http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg);background-color：#FFFF00；} --></style></head><body></body> </html></span>? ? ? ? ??可以看到背景的黃色和背景圖片，同時覆蓋了整個頁面。
總結(jié)
- 上一篇： CSS固定背景的图片
- 下一篇： CSS设置图片的重复