快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

CSS背景:BACKGROUND-POSITION

语法:
background-position : length || length
background-position : position || position
取值:
length :?? 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位
position :?? top | center | bottom | left | center | right

说明:
设置或检索对象的背景图像位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为: 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; }
返回类别: 教程
上一教程: CSS:FONT-STRETCH
下一教程: HTML中的框架

您可以阅读与"CSS背景:BACKGROUND-POSITION"相关的教程:
· CSS背景:BACKGROUND-POSITION-Y
· CSS背景:BACKGROUND-POSITION-X
· CSS背景:BACKGROUND-COLOR
· CSS背景:BACKGROUND-ATTACHMENT
· CSS背景:BACKGROUND-REPEAT
    微笑服务 优质保证 索取样品