大家好，我是wawjf~
呜呜，昨天没有更新，请原谅。
今天因为本期提到的属性浏览器环境极其恶劣，所以属于精选内容。你可以看也可以不看。反正明天的一期会有很多干货。
今天我们来说说后台的CSS属性。
背景-位置定义图片位置背景-原点定义图片定位原点背景-剪辑定义图片剪辑。
1. background-position
这个东西的意思很简单，就是定义背景图的位置，但是怎么用。
给自己看个图。
PS:如果手机拍摄画质不好，抱歉。
呃
作为新手，我们只需要看看下面的详解，NB大佬可以看看上面(当然，你可能连看都不需要看
)
其实很简单。它的结构是这样的：
s:垂直方向(左中右顶底)
c:水平方向(顶部中心底部)
百分比(30%，20%…)
长：长度(1px，2em…)
1.结构：
四
例如：左上左中居中居中居中右中居中
2.结构：
P或L P或L S
例如：左20%左下20%右2px右下2px
这个基础可能还是比较难的，尤其是结构2，所以如果你想看简单的结构1，如果你还有什么疑问，可以私信微信官方账号，我们会尽快回复。
>
<!DOCTYPE html><html><head><meta charset="GBK"><style>body{opacity: 0.6;background-position: center center;}</style></head><body><img src="img/giao.jpg" class="giao"></body></html>
然鹅，不幸的是，background-position的版本兼容很恶心，IE,ME,360统统不行（反正我试过），如果不是兼容问题的话，有没有哪位大佬帮我解答一下，如果想看到效果，可以去看看这个网址：
https://www.w3school.com.cn/cssref/pr_background-position.asp
复制到浏览器就好了啦
2. background-origin background-clip
用来定义background-position的定位原点，用法如下：
| border-box | 从边框区域显示 |
| padding-box | 从补白区域显示（默认值） |
| content-box | 在内容区域显示 |
background-clip用来定义背景图像的剪裁区域，用法如下：
| border-box | 从边框区域向外剪裁（默认） |
| padding-box | 从补白区域向外剪裁 |
| content-box | 在内容区域向外剪裁 |
| text | 从前景内容向外剪裁 |
由于这两个兄弟和background-position是相同的，意思就是你就算加了这两也冇用，所以效果和代码就不写了，不是我懒，是我做不到啊
作者：
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
本来想做小程序，结果开了个公众号天天在那边写稿
（PS：名字读作：阿列克谢）
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
如果想看到往期教程，点击下方菜单就好了啦~
HTML教程：输入HTML或者菜单点击；
CSS教程：输入CSS或者菜单点击；
JS教程：输入JS或者菜单点击；
每期一题：输入每期一题或者菜单点击（点JS教程）
如果输入错误不会得到回复哦~
