html语言调用图片,css文件中怎么引用图片?
CSS樣式表可以單獨(dú)存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。那么如何在css文件中引入圖片呢?下面我們來看一下css引入圖片的方法。
css中background-image屬性可以通過圖片的url來引入圖片。使用background-image屬性引入的圖片將設(shè)置為背景圖片。
css引入圖片示例:
css代碼:body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
background-image屬性說明:
background-image 屬性為元素設(shè)置背景圖像。
元素的背景占據(jù)了元素的全部尺寸,包括內(nèi)邊距和邊框,但不包括外邊距。
默認(rèn)地,背景圖像位于元素的左上角,并在水平和垂直方向上重復(fù)。
提示:請?jiān)O(shè)置一種可用的背景顏色,這樣的話,假如背景圖像不可用,頁面也可獲得良好的視覺效果。
詳細(xì)說明
background-image 屬性會在元素的背景中設(shè)置一個圖像。
根據(jù) background-repeat 屬性的值,圖像可以無限平鋪、沿著某個軸(x 軸或 y 軸)平鋪,或者根本不平鋪。
屬性值:url('URL') 指向圖像的路徑。
none 默認(rèn)值。不顯示背景圖像。
inherit 規(guī)定應(yīng)該從父元素繼承 background-image 屬性的設(shè)置。
總結(jié)
以上是生活随笔為你收集整理的html语言调用图片,css文件中怎么引用图片?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 银行不同意停息挂账怎么办
- 下一篇: 乌克兰战场上效率最高的反坦克导弹是它?