background-position_建站学习网

CSS样式:background-position的理解

2016-04-01 181阅读

background-position:url(图片) 水平（X）垂直（Y）如果水平（X）为正数、垂直（Y）为负数，表示以图片的右上角为坐标，移动各个位移，如 8 -8 (以右上角，向右移8PX 向上移8px); 如果水平（X）为负数、垂直（Y）为负数，表示以图片的左上角为坐标，移动各个位移，如...
CSS中背景background-position负值定位深入理解

2017-01-08 100阅读

下面是我要用到的一个背景图：代码如下： HTML页中是162*162的灰色背景DIV块并加入三种不同位置的背景图片，在浏览器中看到的效果：从上图可以看到：当为background-position:0 0;时图片的左上角与DIV的左上角是重合的，当我们定位于background-positio...
CSS样式:background-position的理解

2017-01-08 97阅读

background-position:url(图片) 水平(X) 垂直(Y) 如果水平(X)为正数、垂直(Y)为负数，表示以图片的右上角为坐标，移动各个位移，如 8 -8 (以右上角，向右移8PX 向上移8px); 如果水平(X)为负数、垂直(Y)为负数，表示以图片的左上角为坐标，移动各个位移，如...
CSS中background-position使用技巧

2017-01-08 106阅读

一.background-position:left top; 背景图片的左上角和容器(container)的左上角对齐，超出的部分隐藏。等同于 background-position:0,0;也等同于background-position:0%,0%; 二.background-position:...

CSS样式:background-position的理解