position : top | center | bottom | left | center | right 说明: 设置或检索对象的背景图像位置。必须先指定 background-image 属性。 该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值,...
1、background-position:0 0; 背景图片的左上角将与容器元素的左上角对齐。该设置与background-position:left top;或者background-position:0% 0%;设置的效果是一致的。例如: .container{ width:300px; height:150px; background:transparent url(bg.jpg) no-repeat scroll 0 0; border:5px solid green; }...
示例: background-position: 0 0; // 将背景图片的起始位置设置为左上角 background-position: center; // 将背景图片的起始位置设置为居中 background-position: right bottom; // 将背景图片的起始位置设置为右下角 background-position: 20% 40%; // 将背景图片的起始位置设置为水平方向上的20%,垂直方向...
1、background-position:0 0; 背景图片的左上角将与容器元素的左上角对齐。该设置与background-position:left top;或者background-position:0% 0%;设置的效果是一致的。例如: .container{ width:300px; height:150px; background:transparent url(bg.jpg) no-repeat scroll 0 0; border:5px solid green; }...
CSS 中 background-position，让你的网页设计达到新的高度 背景位置（background-position）是 CSS 中一个非常重要的属性，它决定了背景图片的位置。它可以使用两个值来设置，分别表示背景图片的水平和垂直位置。背景位置的默认值是 0% 0%，表示背景图片位于元素的左上角。你可以使用关键字来设置背景位置，如 cente...
我们经常使用的background-position的值就是<position>值,最近刚介绍的object-position的值也是<position>值。 <position>值支持1~4个值,可以是具体数值,也可以是百分比,也可以是left,top,right,center,bottom关键字。可参考下图经典示意: 如果偏移没有相应的关键字,则会被认为是center, 因此,background-position:top...
background-position: center 0; } </style> </head> <body> <divclass="demo"></div> </body> </html> 效果图: 下面具体分析一下css样式的作用: position:fixed; top: 0; left: 0; 这三句是让整个div.demo盒子固定在屏幕的最上方和最左方。
background-position 属性设置背景图像的起始位置。这个属性设置背景原图像（由 background-image 定义）的位置，背景图像如果要重复，将从这一点开始。如果您仅规定了一个关键词，那么第二个值将是"center"。默认值：0% 0%。x% y 第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右...
1、使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在元素中的坐标,例如background-position:20px 20px。 2、使用预定义的关键字:指定背景图像在元素中的对齐方式。 l 水平方向值:left、center、right。 l 垂直方向值:top、center、bottom。 3、使用百分比:按背景图像和元素的指定点对齐。 l 0% 0...
一、background-position赋值时的等价写法 1、top left, left top 等价于 0% 0%. 2、top, top center, center top 等价于 50% 0%. 3、right top, top right 等价于 100% 0%. 4、left, left center, center left 等价于 0% 50%. 5、center, center center 等价于 50% 50%. ...