html语言调用图片,css文件中怎么引用图片?
生活随笔
收集整理的這篇文章主要介紹了
html语言调用图片,css文件中怎么引用图片?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。那么如何在css文件中引入圖片呢?下面我們來看一下css引入圖片的方法。
css中background-image屬性可以通過圖片的url來引入圖片。使用background-image屬性引入的圖片將設置為背景圖片。
css引入圖片示例:
css代碼:body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
background-image屬性說明:
background-image 屬性為元素設置背景圖像。
元素的背景占據了元素的全部尺寸,包括內邊距和邊框,但不包括外邊距。
默認地,背景圖像位于元素的左上角,并在水平和垂直方向上重復。
提示:請設置一種可用的背景顏色,這樣的話,假如背景圖像不可用,頁面也可獲得良好的視覺效果。
詳細說明
background-image 屬性會在元素的背景中設置一個圖像。
根據 background-repeat 屬性的值,圖像可以無限平鋪、沿著某個軸(x 軸或 y 軸)平鋪,或者根本不平鋪。
屬性值:url('URL') 指向圖像的路徑。
none 默認值。不顯示背景圖像。
inherit 規定應該從父元素繼承 background-image 屬性的設置。
總結
以上是生活随笔為你收集整理的html语言调用图片,css文件中怎么引用图片?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 银行不同意停息挂账怎么办
- 下一篇: 去哪编辑html5页面,h5页面 判断网