定义和用法
background-repeat 属性设置是否及如何重复背景图像。
默认地,背景图像在水平和垂直方向上重复。
实例
body
{
background-image: url(mydiannao_com.gif);
background-repeat: repeat-x;
}
提示和注释
提示:背景图像的位置是根据 background-position 属性设置的。如果未规定 background-position 属性,图像会被放置在元素的左上角。
css no-repeat后面的数字是什么意思,比如css no-repeat 0 0,css no-repeat -8px 0.
背景图片的位置,那两个数字是图片左上角到div(以div为例)左上角的偏移量。
第一个数字正数向左,负数向右;第二数字正数向下,负数向上;
首先将背景图的左上角与div的左上角重合,0 0表示不动,8px 0:表示将背景图向左移动8像素,-8px 0:表示将背景图向右移动8像素,0 8px:背景图向下移动8像素,0 -8px:背景图向上移动8像素;8px 8px:背景向左移动8像素再向下移动8像素;
超出div的部分会隐藏不会显示出来
以这个为例:background:url(../images/l_r_btn.gif) no-repeat -8px 0;
background:url(../images/l_r_btn.gif) // 图片地址
no-repeat //不重复
下面是尺寸,以图片的左上角为 0 0 ,
-8px // X 轴 向右移 8 PX
0 // Y 轴 不变
不过,这样写的时候一定要加上 width,height 不然,一样会超出尺寸
背景图片的显示是默认从左到右,从上到下的。所以会有个默认的左上角作为图片的展示的起始点,后面的数值是更改那个默认的起始点。