CSS背景:background-position

c4125

c4125

2016-02-19 16:39

图老师小编精心整理的CSS背景:background-position希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

语法:

background-position : length || length

background-position : position || position

取值:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位

position : top | center | bottom | left | center | right

说明:

设置或检索对象的背景图像位置。必须先指定 background-image 属性。

该属性定位不受对象的补丁属性( padding )设置影响。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。

如果只指定了一个值,该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值,第二个值将用于纵坐标。

如果设置值为 right center ,因为 right 作为横坐标值将会覆盖 center 值,所以背景图片将被居右定位。

对应的脚本特性为 backgroundPosition 。

示例:

div { background: url("images/aardvark.gif"); background-position: 35% 80%; }
menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; }
a { background: url("images/aardvark.gif"); background-position: 3.25in; }
body { background: url("images/aardvark.gif"); background-position: top right; }

展开更多 50%)
分享

猜你喜欢

CSS背景:background-position

Web开发
CSS背景:background-position

CSS:background-position的妙用

Web开发
CSS:background-position的妙用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS背景:background-position-y

Web开发
CSS背景:background-position-y

CSS背景:background-position-x

Web开发
CSS背景:background-position-x

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS实例教程:background-position的说明

Web开发
CSS实例教程:background-position的说明

CSS背景:background

Web开发
CSS背景:background

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS文本:text-align

CSS文本:text-align

CSS文本:ruby-align

CSS文本:ruby-align
下拉加载更多内容 ↓