3.背景相关属性

3.1.background-origin

设置元素背景图片的原起始位置

.box {
    height: 300px;
    width: 300px;
    border: 10px solid black;
    padding: 8px;
    background: url(./logo.png) no-repeat;
    /* 从边框开始 */
    /* background-origin: border-box; */
    /* 从内容开始 */
    /* background-origin: content-box; */
    /* 从padding开始 */
    background-origin: padding-box;
}

3.2.background-size

设置背景图片的大小

.box {
  height: 300px;
  width: 300px;
  border: 10px dashed black;
  padding: 20px;
  background: url(./logo.png) no-repeat;
  /* 不改变图片原始高度和宽度 */
  /* background-size: auto; */
  /* 给一个值,这个值作为宽度,等比缩放,设置两个值,分别表示宽高 */
  /* background-size: 100px 200px; */
  /* 覆盖 */
  background-size: cover;
}