美文网首页
css多个背景图

css多个背景图

作者: 希染丶 | 来源:发表于2019-07-24 18:45 被阅读0次

1.写法

background-image: url(images/scroll_top.jpg),
                  url(images/scroll_bottom.jpg),
                  url(images/scroll_middle.jpg);

2.位置(分开写,逗号隔开)

background-position: center top, center bottom, center top;

3大小(分开写,逗号隔开)

    background-size:75%,50%,cover;

相关文章

  • CSS 样式介绍(五)

    1. css 精灵技术(sprite) css 精灵技术(sprite):将多个小背景图片合成一个大的背景图片(精...

  • css3-一元素显示多背景-背景与边框(2)

    css3中可以在一个元素里显示多个背景图像,还可以将多个背景图像进行重叠显示。 在css3中用逗号作为分隔符指定多...

  • css多个背景图

    1.写法 2.位置(分开写,逗号隔开) background-position: center top, cent...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • 任务九~CSS常见技巧

    一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用? CSS Sprite把多个背景图片合成为一张,通...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • css常见技巧

    CSS Sprite(雪碧图|精灵图)雪碧图是把多个背景图片合成一张,通过background-position定...

  • 【CSS】同时使用多个背景图

    上面这张图是由3个小图片组合而成的。 在使用多个背景图时,只需把 background-image 属性的值用逗号...

  • Uni

    背景图 背景图的设置 css 效果图

  • CSS-背景5-多张背景图

    1、多张背景图 CSS3可以选择多张背景图,每张背景图都可以独立设置尺寸、定位。下面我们使用CSS3的多张背景图,...

网友评论

      本文标题:css多个背景图

      本文链接:https://www.haomeiwen.com/subject/uvufrctx.html