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

 

 

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
相关文章推荐
宜兴房产网 是 宜兴楼盘 、 宜兴二手房 、 宜兴出租房 、宜兴房价、宜兴中介、宜兴房产开发公司、宜兴装饰装修、宜兴建材的综合性宜兴房地产信息网。服务热线:0510-8748786··· ...
无锡西玖环保科技有限公司是一家专注于环保装备的研发、设计、生产、工程服务及运营管理的高科技公司。业务领域涉及:土壤修复、水处理、废气处理及危废处理,为客户提供专业 ...
鸿天能源技术有限公司依托其强大的技术底蕴及研发设计能力, 于2019年成立于江苏无锡,属江苏省招商引资项目,英文名sandingpower,在深圳福田亦设立有研发及销售技术中心。因··· ...
宜兴市勤超滤料科技有限公司经过近三十年来的经营,专注于水处理石英砂滤料、各种玻璃砂、铸钢砂技术开发、生产、销售的一体化企业,公司产品已广泛应用于电力,化工,冶金钢 ...
无锡市维希度斯环保工程有限公司是一家运用磁分离混凝沉淀技术、稀土磁盘分离净化工艺、超磁分离水体净化成套技术的磁分离设备专业制造商;提供污水处理项目服务、成套磁混凝 ...
宜兴网站定制,宜兴网站设计,宜兴网站案例 谈青窑艺官网 谈青窑艺简介: 谈青窑艺是由江苏非物质文化遗产宜兴青瓷制作技艺省级代表性传承人谈志坚大师继承传统,以陶都特有的紫砂五色土入 ...