CSS3让设计师在背景方面有了更多的选择，尤其是关于复合背景样式的处理。
在CSS3中，可以使用background-image,background-repeat以及background-position等属性来创建背景图案。同时也可以使用多个图像来设置复合背景样式。
background-image:url('image1.png'),url('image2.png');
background-repeat:repeat-x,no-repeat;
background-position:center center,top left;
上述代码中，复合背景样式由两张图像组成，第一张是水平平铺，第二张不重复显示，并且第一张图显示在页面的中央，第二张图显示在页面左上角。
除了设置多个背景图像以外，还可以使用渐变效果来创建背景图案。通过background-image属性可以设置渐变效果。
background-image:linear-gradient(to bottom,#fff,#000);
总之，CSS3不仅为我们提供了更多的现代化的移动端设计选项，而且也给了我们在背景方面更多的自由。我们可以根据需求，灵活地使用各种背景样式来打造出完美的网页设计效果。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
