background-position设置背景的位置,有以下两种用法
- 方位名词作为其值background-position: 方位 方位 (left right top bottom center 等方位名词)
- 具体的像素值分别作为x,y方向的偏移量来进行定位background-position: 20px 20px ;
案例:对于一个尺寸为1920px的背景图,如何设置使其水平居中显示,这里显然要用到背景定位
css代码段:
<style>
div {
background:url(..) center top;
}
</style>
效果如下:
注:HTML代码段
<body>
<div>背景设置
<p>君不见高堂明镜悲白发,朝如青丝暮成雪。</p>
<p> 人生得意须尽欢,莫使金樽空对月。</p>
</div>
</body>