這篇文章給大家分享的是有關css引入圖片文件的方法的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)公司專注于迭部網站建設服務及定制,我們擁有豐富的企業(yè)做網站經驗。 熱誠為您提供迭部營銷型網站建設,迭部網站制作、迭部網頁設計、迭部網站官網定制、成都小程序開發(fā)服務,打造迭部網絡公司原創(chuàng)品牌,更為您提供迭部網站排名全網營銷落地服務。css引入圖片文件的方法:1、通過“background-image:url(圖片地址)”方法來引入;2、使用“background:url(圖片地址)”方法來引入圖片,展現(xiàn)到網頁中即可。
css引入圖片文件
在CSS中,可以用background-image:url(你的圖片地址)或background:url(你的圖片地址)來引入圖片,展現(xiàn)到網頁中。
#bgimg { background: #333 url(圖片路徑) center center no-repeat; }
第一個參數(shù),圖片底層的背景顏色,第二個參數(shù),圖片路徑,第三個參數(shù),圖片上下的相對位置(其他參數(shù)left,right),第四個參數(shù),圖片左右的相對位置(top,bottom),第五個參數(shù),圖片的重復(其他參數(shù) repeat,repeat-x,repeat-y)。
示例:
背景圖片設置
效果圖:
說明:
background屬性是一個簡寫屬性,可以在一個聲明中設置所有的背景屬性。
background屬性就是專門設置背景的屬性,可以設置背景色,也可以設置背景圖片。
下面看看background可以設置的屬性:
background-color: 規(guī)定要使用的背景顏色。
background-position: 規(guī)定背景圖像的位置。
background-size: 規(guī)定背景圖片的尺寸。
background-repeat :規(guī)定如何重復背景圖像。
background-origin :規(guī)定背景圖片的定位區(qū)域。
background-clip: 規(guī)定背景的繪制區(qū)域。
background-attachment: 規(guī)定背景圖像是否固定或者隨著頁面的其余部分滾動。
background-image :規(guī)定要使用的背景圖像。
元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。默認情況下,background-image放置在元素的左上角,并重復垂直和水平方向。
感謝各位的閱讀!關于“css引入圖片文件的方法”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!