📅  最后修改于: 2023-12-03 15:11:25.860000             🧑  作者: Mango
在 CSS 中,我们可以使用 background-position
属性来移动背景图片。
background-position: x-axis y-axis;
其中,x-axis
和 y-axis
分别表示背景图片的横向和纵向位置。可以使用以下单位:
px
:像素。%
:百分比。left
:表示背景图片的左边缘与容器的左边缘对齐。center
:表示背景图片的中心与容器的中心对齐。right
:表示背景图片的右边缘与容器的右边缘对齐。top
:表示背景图片的上边缘与容器的上边缘对齐。bottom
:表示背景图片的下边缘与容器的下边缘对齐。以下是一些示例:
background-position: right top;
background-position: center center;
background-position: -20px 10px;
center
,垂直方向为 top
。background-position
的默认值为 0% 0%
,即背景图片的左上角与容器的左上角对齐。