background-origion

作用:设置背景图的原点。
语法
1. padding-box :从padding 区域开始显示背景图像。—— 默认值
2. border-box : 从border 区域开始显示背景图像。
3. content-box : 从content 区域开始显示背景图像。


background-origion_第1张图片默认从padding开始显示

  1. background-image: url(https://pic.917.com/2023/10/31/011246904okhktw4y3rn1r.jpg!350x260);
  2. background-repeat: no-repeat;

background-origion_第2张图片

背景repeat的效果。从padding开始显示,border是repeat填充的。


background-origion_第3张图片

border-box : 从border 区域开始显示背景图像。


background-origion_第4张图片

content-box : 从content 区域开始显示背景图像。

你可能感兴趣的:(css,前端,css3)