background- position坐标取值
时间: 2023-10-27 08:42:08 浏览: 92
属性 background-position 用于设置背景图像的位置。它可以使用以下值来设置坐标取值:
1. 百分比值:以背景容器的宽度和高度为基础计算。例如:background-position: 50% 50%; 表示背景图像水平和垂直居中。
2. 长度值:以像素、厘米等为单位的数值。例如:background-position: 10px 20px; 表示背景图像的左上角与容器的左上角相距10px和20px。
3. 关键字:left、center、right、top、bottom,分别表示水平和垂直方向上的左对齐、居中对齐、右对齐、上对齐和下对齐。例如:background-position: left top; 表示背景图像的左上角与容器的左上角对齐。
4. 多重值:可以将上述值组合起来使用,例如:background-position: 50% 20px; 表示背景图像水平居中,与容器顶部相距20px。
阅读全文