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设置图片的重复