CSS是一種用于樣式控制的編程語言,它可以給網(wǎng)頁添加各種視覺效果,其中之一就是背景圖片。
background-image: url("image.jpg");
如上所示,通過background-image屬性可以將一個(gè)指定的圖片作為網(wǎng)頁的背景。指定圖片的格式可以是jpg、png等。
需要注意的是,圖片的路徑需要正確的指定。如果圖片在同一目錄下,只需要寫圖片文件名即可。如果圖片在子文件夾中,需要寫子文件夾的路徑以及圖片文件名。
background-image: url("images/background.jpg");
另外還可以通過background-repeat屬性來設(shè)置背景圖片的重復(fù)方式。以下是常用的幾種屬性值:
background-repeat: repeat; // 垂直和水平重復(fù)(默認(rèn)值) background-repeat: repeat-x; // 水平重復(fù) background-repeat: repeat-y; // 垂直重復(fù) background-repeat: no-repeat; // 不重復(fù)
CSS的背景圖片不僅可以添加在整個(gè)網(wǎng)頁的背景上,還可以添加在特定的元素上。
.example{ background-image: url("image.jpg"); background-repeat: no-repeat; }
如上所示,通過給一個(gè)class設(shè)置背景圖片,可以讓它的所有元素都具有相同的背景圖片效果。
CSS的背景圖片功能可以讓網(wǎng)頁更加具有吸引力和美觀性,而代碼也非常簡單。希望這篇文章對(duì)你的網(wǎng)頁開發(fā)有所幫助。
下一篇css加入豎線