【css】backgroud-position控制背景图位置
background-position 属性用于设置背景图像的起始位置。它可以使用关键词或长度值来指定。
关键词：
top：图片顶部与元素顶部对齐。bottom：图片底部与元素底部对齐。left：图片左侧与元素左侧对齐。right：图片右侧与元素右侧对齐。center：图片居中对齐。
长度值：
- 可以使用像素(px)、百分比(%)等单位指定背景图像的精确位置。
示例代码：
/* 关键词 */
div {
background-image: url('image.jpg');
background-position: top right;
}
/* 百分比 */
div {
background-image: url('image.jpg');
background-position: 50% 75%;
}
/* 像素 */
div {
background-image: url('image.jpg');
background-position: 100px 200px;
}在第一个例子中，图片会被放置在元素的右上角。在第二个例子中，图片会被放置在水平方向居中并且垂直方向是在图片的75%处，相对于元素的高度。在第三个例子中，图片会被放置在距离元素顶部100像素，左侧200像素的位置。
评论已关闭