background

1、img

  background 可以导入多个图片用‘,’隔开即可,同时还可以设置图片的位置  比如:right top(右上角)
  background: url(./img/yue.jpg), url(./img/test.png) right top;

2、size

  backgrorund-size:设置照片的大小
        三个值:1、百分比
               2、cover :图片铺满盒子,可能会看不到整个图片的样子。
               3、contain  水平铺满,垂直等比例缩放。

3、origin

    background-origin:; 背景图片的位置区域
    有三个值:border-box从边框开始、padding-box从内边距开、content-box从内容开始
    background-origin: border-box;
    background-origin: padding-box;
    background-origin: content-box;

4、clip

  backgroun-clip: 指定裁剪的位置
  三个值:border-box、padding-box、content-box  其中 border-box和padding-box都是从padding开始,
  background-clip: border-box;
  background-clip: content-box;
  background-clip: padding-box;
posted @ 2020-08-21 08:29  赛德·乌漆嘛黑  阅读(258)  评论(0)    收藏  举报