小編給大家分享一下css樣式如何插入背景圖片,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
太谷網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)公司于2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
在css中,可以使用background-image或background屬性來插入背景圖片,基本語法格式為“background-image/background:url('URL')”,參數(shù)URL用于指定背景圖片的路徑。
在css中,可以使用background-image或background屬性來插入背景圖片。
background-image 屬性
background-image 屬性設(shè)置一個(gè)元素的背景圖像。元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。
語法:
background-image:url('URL'));
url('URL') 圖像的URL
默認(rèn)情況下,background-image放置在元素的左上角,并重復(fù)垂直和水平方向。
提示:請(qǐng)?jiān)O(shè)置一種可用的背景顏色,這樣的話,假如背景圖像不可用,可以使用背景色帶代替。
background屬性
background屬性就是專門設(shè)置背景的屬性,可以設(shè)置背景色,也可以設(shè)置背景圖片。
background屬性是一個(gè)簡寫屬性,可以在一個(gè)聲明中設(shè)置所有的背景屬性。
可以設(shè)置的屬性分別是:
background-color: 規(guī)定要使用的背景顏色。
background-position: 規(guī)定背景圖像的位置。
background-size: 規(guī)定背景圖片的尺寸。
background-repeat :規(guī)定如何重復(fù)背景圖像。
background-origin :規(guī)定背景圖片的定位區(qū)域。
background-clip: 規(guī)定背景的繪制區(qū)域。
background-attachment: 規(guī)定背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。
background-image :規(guī)定要使用的背景圖像。
例:
background:url(bgimg.gif) no-repeat 5px 5px;
如下圖解釋:
背景圖片示例:
背景圖片設(shè)置
以上是“css樣式如何插入背景圖片”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!