background-position—CSS设置背景图片的位置

 

background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置。因为在默认情况下背景图片都是从设置了 background-position 属性的标记(例如 body 标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现在指定的位置

background-position:在CSS中通过background-position属性可以调整背景图片的位置。因为在默认情况下背景图片都是从设置了background-position属性的标记(例如body标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现在指定的位置。

background-position属性值:

属性值
 效果
 
百分比
 如:background-position:30% 70%
 
top
 顶部
 
left
 左边
 
right
 右边
 
bottom
 底部
 
center
 居中
 
Bottom right
 右下方
 

 

通过代码“background-position:30% 70%”的设置,使得背景图片的中心点在水平方向上处于30%的位置,在竖直方向上则位于70%的位置。

上面提到的“Bottom right”外,background-position的值还可以设置为top left、top center、top right、center left、center right、bottom left和bottom center等
 
本文转自【66CSS教程网】:(http://www.66css.com/)[原文地址]:file:///E:/Meterial/Everyday/Articles/background-position—CSS设置背景图片的位置_CSS_CSS教程_CSS+DIV教程_DIV+CSS视频教程-66CSS教程网.mht

    原文作者:一剑平江湖
    原文地址: https://blog.csdn.net/diligentcat/article/details/7079173
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞