rprt.net
当前位置:首页 >> BACkgrounD%position >>

BACkgrounD%position

是用来定位图片的位置的.最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了 background-position:x y x等于平行轴 y等于竖行轴.x y的取值可以为正数,也可以是负数

background-position:0% 0%;这表示背景图片的左上角与容器的左上角对齐?的确是这个现象,但话不能这么说,因为 background-position 计算位置时用的并不是背景图片的左上角作为基点.background-position 是将背景图片的中心点作为基

background-position:x y;x是从左上角顶点开始的 左边距离y也是从左上角定点开始的 顶部距离X.Y可以是px 像素 也可以是X: left/center/right , Y: top/center/bottom当然还有百分比的形式 如background-position:50% 50%;表示水平居中 垂直居中只有下面的写法,没有什么多少到多少的区间写法的.background-position:33.3% 66.6%;

background-position:0% 0%;这表示背景图片的左上角与容器的左上角对齐?的确是这个现象,但话不能这么说,因为 background-position 计算位置时用的并不是背景图

这个是设置或检索对象的背景图像位置 background-position 后面必须加冒号内容噢 比如:background-position: 100% -20px; 不知道你明白没~

position是用来对元素进行定位的,分为相对和绝对.这个有点繁琐,新手建议用margin来布局. position可以参考此文章 http://www.68design.net/Web-Guide/Xhtml-CSS/39776-1.html

background position 背景的位置; [例句]I think my background meetsrequirementthis position.我想我背景符合这份工作要求.

position 先左右后上下,分别有left, center, right, top center, bottom六种,还可以用百分比来表示,但百分比显示的时候,你写的点是图片的中心点,例如你的box是600*600的,背景图片是400*400的,你使用百分比来定位背景图片,数字为50% 50%,那么你的图片就是在box的正中间.

因为你的页面没有设高度,你加个div然后给div定个宽度高度,你的背景图片就居中了

语法:background-position : length || length background-position : position || position 取值:length : 百分数 | 由浮点数字和单位标识符组成的长度值.position : top | center | bottom | left | center | right 说明:设置或检索对象的背景图像位置.必须

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.rprt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com