css改變圖片的背景的方法是,添加background-image屬性,并且將屬性值設(shè)置為你想要的圖片的url地址,例如【background-image:url('../images/mix/paper.gif');】。
本文操作環(huán)境:windows10系統(tǒng)、css 3、thinkpad t480電腦。
background-image 屬性設(shè)置一個(gè)元素的背景圖像。元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。
默認(rèn)情況下,background-image放置在元素的左上角,并重復(fù)垂直和水平方向。
常用屬性值:
-
url('URL') 圖像的URL
-
none 無(wú)圖像背景會(huì)顯示。這是默認(rèn)
-
inherit 指定背景圖像應(yīng)該從父元素繼承
一個(gè)簡(jiǎn)單的代碼示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body { background-image:url('../images/mix/paper.gif'); background-color:#cccccc; } </style> </head> <body> <h1>Hello World!</h1> </body> </html>
相關(guān)視頻分享:css視頻教程