背景图片定位,用于取图片中部分做背景。
负数,代表做背景图片起点位置在图片里边。
background-position:x定位点 y定位点;。
如background-position:-10px -10px;表示以图片坐标(10,10)为填充原点进行填充。
你要是不知道Y Z怎么写,就把那个橡皮筋拖到Y Z的数字上松手,就得到写法了。你要是不知道表达式中的词汇怎么写,就在表达式那个地方有个小三角,点击,里面有可以查询到。
在HTML结构中,是<class="today_topics_2"> 在css表现中。class(属于类选择器)是用(点 . )
对于大括号的是属性和属性值。position英文的意思是位置,在css中是定位的意思,对于position:relative; 是相对定位。position:absolution;是绝对定位,主要体现自己实践一下就会明白。
对于position-top:-10px;是在原来的定位基础上,向上减10个像素的距离。
例如:position-left:10px;距左边10个像素。position-left:-10px;向左移动10个像素的距离。
background-position: 0 10px是指背景图片水平方向不动,垂直方向向下移动10个px。
background-position:后面有会两个属性,第一个是指水平的位置,第二个是垂直方向的位置。以图片的左上角顶点为原点,属性值为正往就代表图片下移或右移,属性值为负往就代表图片上移或左移。
例如:background-position: 20px -10px 指图片向右移动20px想上移动10px。
background-position: -20px 10px 指图片向左移动20px想下移动10px。
这个我建议你自己试试
也就是top bottom left right 这四个。
绝对定位和相对定位都可以用这四个控制。
多自己尝试,效果最好