搜索

开发实战-CSS3背景总结


发布时间: 2022-11-24 22:51:00    浏览次数:32 次

CSS3 背景

背景图

  1. background-image
    • 默认情况下,背景图会在横坐标和纵坐标中进行重复。
  2. background-repeat
    • 可以控制图片是否重复
  3. background-size
    • 背景图尺寸
      • 预设值
        • contain:保证图片显示在盒子中不能改变比例
        • cove:图片一定要把这个区域撑满,还要保证这个图片呢比例不变
      • 数值或百分比
        • 100% 横向要撑满纵向按比例缩放
        • 100% 100% 表示横向撑满,纵向撑满
  4. background-position
    • 设置背景图的位置(精灵图)
      • 预设值
        • left、bottom、right、top、center
      • 数值或百分比
  5. background-attachment
    • 通常用它控制背景图是否固定 fixed固定
  6. 速写(简写)属性 background
    • background: url("") no-repeat center/100% fixed
免责声明 开发实战-CSS3背景总结,资源类别:文本, 浏览次数:32 次, 文件大小:-- , 由本站蜘蛛搜索收录2022-11-24 10:51:00。此页面由程序自动采集,只作交流和学习使用,本站不储存任何资源文件,如有侵权内容请联系我们举报删除, 感谢您对本站的支持。 原文链接:https://www.cnblogs.com/bingquan1/p/16923725.html