CSS3設(shè)置背景圖的方法
CSS3提供了多種設(shè)置背景圖的方法,可以通過以下方式實(shí)現(xiàn):
1、使用background-image屬性
可以通過設(shè)置background-image屬性來添加背景圖,
body { background-image: url("image.jpg"); }
2、使用background-repeat屬性
默認(rèn)情況下,背景圖會(huì)重復(fù)顯示,可以通過設(shè)置background-repeat屬性來控制重復(fù)方式,
body { background-image: url("image.jpg"); background-repeat: no-repeat; }
3、使用background-position屬性
可以通過設(shè)置background-position屬性來調(diào)整背景圖的位置,
body { background-image: url("image.jpg"); background-position: center; }
4、使用background-size屬性
可以通過設(shè)置background-size屬性來調(diào)整背景圖的大小,
body { background-image: url("image.jpg"); background-size: cover; }
5、使用多個(gè)背景圖
還可以通過設(shè)置多個(gè)背景圖來實(shí)現(xiàn)一些特殊效果,
body { background-image: url("image1.jpg"), url("image2.jpg"); background-position: left, right; background-repeat: no-repeat, repeat; }
是CSS3設(shè)置背景圖的一些常用方法,可以根據(jù)具體需求進(jìn)行選擇和使用。