background属性

来源:互联网 发布:windows10固态硬盘优化 编辑:程序博客网 时间:2024/05/13 15:55
  1. background-size属性:设置背景图片大小
    这里写图片描述
    效果
    这里写图片描述
    加上
    这里写图片描述
    这行代码,可以设置背景图片的大小
    效果
    看,是不是变大了呢
    2.background-origin:指定绘制背景图片的起点
    一共有三个值:
    border-box:背景图片从边框开始
    padding-box:背景图片从内边距开始
    content-box:背景图片从内容开始
    先看第一个:background-origin: border-box;
    效果
    这里写图片描述
    有图可明,背景图已经子啊边框border下面
    再看第二个:background-origin: padding-box;
    效果:
    这里写图片描述
    这里边框下面已经没有背景图片了,这就说明:padding-box从padding开始的

再看最后一个: background-origin: content-box;
效果
这里写图片描述
此时的padding下也没有背景图片,说明是从content开始的

原创粉丝点击