浅谈背景设置中的背景定位background-position的用法

background-position设置背景的位置,有以下两种用法

  1. 方位名词作为其值background-position: 方位 方位 (left right top bottom center 等方位名词)
  2. 具体的像素值分别作为x,y方向的偏移量来进行定位background-position: 20px 20px ;

 

案例:对于一个尺寸为1920px的背景图,如何设置使其水平居中显示,这里显然要用到背景定位

css代码段:

<style>
    div {
        background:url(..) center top;
    }
</style>

效果如下:

注:HTML代码段

<body>
    <div>背景设置
        <p>君不见高堂明镜悲白发,朝如青丝暮成雪。</p>

        <p> 人生得意须尽欢,莫使金樽空对月。</p>
        
    </div>


</body>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章