CSS3 多重背景图片

效果:

CSS3 多重背景图片_第1张图片

注意:


            多张背景图片之间用逗号隔开即可
            注意点:  先添加的背景图片会盖住后添加的背景图片 ; 建议在编写多重背景时拆开编写

 /*background: url("images/animal1.png") no-repeat left top,url("images/animal2.png") no-repeat right top,url("images/animal3.png") no-repeat left bottom,url("images/animal4.png") no-repeat right bottom,url("images/animal5.png") no-repeat center center;*/
 background-image: url("images/animal1.png"),url("images/animal2.png"),url("images/animal3.png");
 background-repeat: no-repeat, no-repeat, no-repeat;
background-position: left top, right top, left bottom;

 

你可能感兴趣的:(CSS3)