本文详细介绍了CSS中的`background-position`属性，解释了如何使用混合单位和方位名词来精确控制元素背景图片的位置。通过示例说明了`center top`和`top center`等表达式的等效性，并阐述了在水平和垂直方向上指定精确像素值与方位结合的用法，帮助开发者更好地理解并应用这一CSS特性。
精确单位
background-position：x y
x：水平
y：垂直
方位名词
若是x,y使用英文的话,x可以是水平，也可以是垂直
如
background-position: center top
既可以说是水平居中，垂直靠上
也可以说是垂直居中，水平靠上
它和
background-position: top center
的效果是一样的
混合单位
精确单位和方位名词混合使用的时候，第一个值是x水平方向的，第二值是y垂直方向的
如：
background-position: 80px center
x:80px， y：center
background-position: center 80px
x: center y:80px
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
