css背景从什么位置开始 |css三角形图片

div {
background-image: url('bg.jpg');
background-position: 50% 50%;
/*background-position: 横向位置 纵向位置*/
}

上面的代码展示了如何使用background-position属性，其中横向位置和纵向位置都设置为50%。这意味着背景将在元素中心开始。如果将横向位置设为100%，则背景将从元素的右边缘开始。同样，如果将纵向位置设为0%，背景就从元素的顶部开始。

除了百分比之外，大家还可以使用精确的像素值来设置背景起始位置。例如：

div {
background-image: url('bg.jpg');
background-position: 10px 20px;
/*background-position: 横向位置 纵向位置*/
}

上面的代码将会让背景从元素左上角偏移10像素和20像素处开始，分别是横向和纵向的。

总之，CSS的background-position属性可以让你控制背景相对于元素的位置，可以使用百分比或像素值来定位。这为大家的网页设计提供了更多灵活性和自由度。