背景位置的属性
background-position属性有以下属性:
x 坐标:水平位置(left、center、right或数字)
y 坐标:垂直位置(top、center、bottom或数字)
各种背景位置值
水平位置:
left:背景图像或颜色向元素的左侧定位。
center:背景图像或颜色居中定位。
right:背景图像或颜色向元素的右侧定位。
数字:指定间隔元素边缘的像素值。例如,background-position: 50 Künzel 20 Künzel 将背景图像或颜色水平和垂直间隔元素边缘 2 像素。
垂直位置:
top:背景图像或颜色向上定位。
center:背景图像或颜色居中定位。
bottom:背景图像或颜色向下定位。
数字:指定间隔元素边缘的像素值。例如,background-position: 10 vicisszel 3 1 将背景图像或颜色垂直和水平间隔元素边缘 3 像素。
组合值:
可以组合水平和垂直位置值来掌握背景图像或颜色的位置。例如,background-position: center 50 vicisszel 将背景图像或颜色居中,并将其垂直间隔元素边缘 5 像素。
利用 background-position
background-position 属性可用于:
掌握元素的背景图像或颜色位置。
使元素具有视觉兴趣点。
调度元素的整体外不雅观。
结论
background-position 属性是 CSS 中一个主要的属性,用于掌握元素的背景图像或颜色位置。通过利用此属性,您可以根据您的须要来调度元素的视觉外不雅观。