CSS的background参数center left right top bottom的含义
发表日期:2018-01-12 04:41:35   文章编辑:admin    浏览次数:443
 

 

 

1、基础语法
background-position:5px(水平左中右) 16px(垂直上下)
Div{background-position:5px 16px}
代表图片作为对象背景时在对象内距离左侧5px和距离上边16px开始显示背景图片。


2、background-position的属性值介绍
background-position后可跟2个值,2个值用空格间隔开,第一个值,固定代表水平方向(横向)左、中、右距离,第二个值,固定代表垂直上、下距离。


3、background-position第一个值可根值
1)、具体数字+单位,如(可为正整数值 如10px,也可为负整数值 -10px 整数+单位)
2)、百分比,如(10%)
3)、left(背景图片靠对象左侧开始显示)
4)、center(图片作为对象背景水平居中显示)
5)、right(背景图片靠对象右侧开始显示)


4、background-position第二个值可根值
1)、具体数字+单位,如(可为正整数值 如10px,也可为负整数值 -10px 整数+单位)
2)、百分比,如(10%)
3)、top(背景图片靠对象紧贴顶部开始显示)
4)、bottom(背景图片靠对象紧贴底部开始显示)

博路网络给background-position背景作定位分析图:

 

background-position是用于定位图片作为背景时,显示在对象位置,其值有2个,两个值分别代表意义不同,前者值是水平方向定位,后者值是垂直竖向定位。其两者都可以为正,可以为负,也可以使用固定几个英文单词(left、right、center、top、bottom)进行定位背景图片。
标签:
如没特殊注明,文章均为宜兴博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2018/0112/144.html