网页设计技巧-CSS3制作网页技巧:css3多重背景
2019-04-22 11:50:28
当前位置:首页洞察与动态观点分享网页设计技巧-CSS3制作网页技巧:css3多重背景
对于background不必多做解释了,如果不了解的可以单独论坛发帖。 
css3以下版本的background只能单独对一张图片进行背景设置、平铺方式、背景位置。而在css3赋予了它更大的权利,可以设置更多背景图片,这就是今天要说的css3多重背景。 
多重背景语法:background:背景,背景,背景; 

1.background: url(images/weather-cloud.png) center center no-repeat, url(images/weather-clouds.png) top left no-repeat, url(images/weather-cloudy.png) top right no- repeat, url(images/weather-rain.png) bottom left no-repeat,url(images/weather-snow.png) bottom right no-repeat; 
这种也是由css2中的background升级过来,只不过支持了多重背景。同样它也分开来写: 

1.background-image:url(images/weather-cloud.png),url(images/weather-clouds.png),url(images/weather-cloudy.png),url(images/weather-rain.png), url(images/weather-snow.png); 2.background-repeat: no-repeat; 3.background-position:center center,top left,top right,bottom left,bottom right; 
切记:image调用几个,如果不共用其他属性,必须分别写出属性。
如没特殊注明,此文为巨网时代原创,转载请注明来自https://www.vy18.com/news/675.html
如涉及版权问题,请联系我们第一时间处理。
让品牌价值快速倍增

致力于为客户提供长期品牌互联网价值,并加以系统化整合传播营销

塑造互联网传播高端品牌形象
服务热线(同微信)
186 6592 7512
深圳
深圳市宝安区石岩汇邦中心4栋3109
扫一扫,了解更多微信业务咨询