首页 > Web开发 > 详细

css3背景

时间:2019-03-06 12:42:06      阅读:139      评论:0      收藏:0      [点我收藏+]

  background-image:添加背景图片

#example1 { 
    background-image: url(img_flwr.gif), url(paper.gif);     //路径,背景图可以是多个
    background-position: right bottom, left top;           //背景图的定位
    background-repeat: no-repeat, repeat;               //是否重复
}

  background-size:背景图的大小

  • length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
  • percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
  • cover:此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小
    • 填充满
  • contain:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小
    • 等比缩放

  background-Origin:指定了背景图像的位置区域

  技术分享图片

css3背景

原文:https://www.cnblogs.com/zyfeng/p/10482358.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!