关于background-origin的属性认识

                  

可能有很多小伙伴想对自己的背景图做一些"手脚",所以介绍一些css3中关于background-origin的东西.


background-origin 属性规定 background-position 属性相对于什么位置来定位。

background-origin: padding-box|border-box|content-box;

padding-box 背景图像相对于内边距框来定位

border-box 背景图像相对于边框盒来定位(前提你有边框!!!)

content-box 背景图像相对于内容框来定位

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 定义和用法 background是一个简写属性,可以在一个声明中设置所有的背景属性,可设置的属性如下: 这些...
    lightNate阅读 4,428评论 2 9
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,657评论 0 7
  • background应该是CSS里使用频率颇高的属性,简单实用。但参数偏多,本篇就介绍一下background的各...
    张歆琳阅读 4,345评论 4 26
  • 文 / 安妮与薇 上一章 01 似是故人归 02 时光错了位 陈曦不知道自己是怎么吃完这顿饭的,出餐厅的时候鬼...
    安妮与薇阅读 401评论 0 2