css3 多重背景图片 |css3代码解释

css列表高度，css合并的方法，纯css tab切换效果，研究css选择符，css文字前设置小图标，css统一图片大小，css3代码解释 css3 多重背景图片 |css3代码解释

/*语法*/
background: url1,url2,url3...;
/*示例*/
background: url(bg1.jpg),url(bg2.jpg),url(bg3.jpg);

在使用多重背景图片时，大家需要注意一些细节问题。以下几点需要特别注意：

/*多余的逗号和背景图片*/
background: url(bg1.jpg),,url(bg2.jpg),url(bg3.jpg);
/*同一张背景图片出现在多次background中*/
background: url(bg1.jpg),url(bg1.jpg),url(bg2.jpg);
/*对于多重背景图片，在给定background-size属性时学会如何处理*/
/*不足之处*/
background-size:30px auto;
background: url(bg1.jpg),url(bg2.jpg);
/*简单的解决办法：将图片合并为一张*/
background: url(bg1-bg2.jpg);
background-size:60px auto;

CSS3的多重背景图片功能可以让大家在网页设计中利用多种不同的背景图片，很好地进行视觉设计上的创新。大家只需要熟练掌握其使用方法并注意一些细节问题，就能够轻松实现网页设计的多样化，让网站呈现更加美观和独特的风格。