CSS背景:background-position

2016-02-19 16:39 7 1 收藏

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

【 tulaoshi.com - Web开发 】

语法:

background-position : length || length

background-position : position || position

取值:

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

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

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

说明:

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

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

(本文来源于图老师网站,更多请访问http://www.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; }

来源:http://www.tulaoshi.com/n/20160219/1612651.html

延伸阅读
标签: Web开发
语法: layer-background-color : transparent | color 取值: transparent : 默认值。背景色透明 color : 指定颜色。请参阅 颜色单位 和 附录:颜色表 说明: 设置或检索对象整个区域的背景颜色。 示例: div { layer-background-color: transparent;
标签: Web开发
语法: layer-background-image : none | url ( url ) 取值: none : 默认值。无背景图 url ( url ) : 使用绝对或相对 url 地址指定背景图像 说明: 设置或检索对象整个区域的背景图像。 示例: code { position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-image: url("comet.j...
标签: Web开发
背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有: body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性: background-color出现在前面。  back...
标签: Web开发
语法: ruby-position : above | inline 取值: above :? 默认值。在基本文本上方定位 ruby 文本 inline :? ruby 文本与基本文本内联 说明: 设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 rubyPositio...
标签: Web开发
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义,一切就会变得轻松简单。 CSS中关于定位...

经验教程

126

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部