背景的样式

图片的背景样式

可以只写background，这样比较简单，但顺序比较难记：颜色、路径、平铺方式、位置,大小。位置与大小之间要写/。

<style type="text/css">
    div{
		border:1px solid black;
		width:500px;
		height:500px;
		background-color:pink;/*背景颜色*/
		background-image:url(img/1.jpg);/* 背景图片 */
		background-repeat:no-repeat;/* 背景图片*/
		/* 平铺
		 no-repeat 不平铺 
		 repeat-x  沿水平方向平铺 
		 repeat-y 沿垂直方向平铺
		  默认的是repeat 平铺 */
		background-position:center top;/* 图片位置
		 1、英文表示方法 center left 
		 2、百分比表示方法 50% 20% 
		3、像素表示方法：100px 200px 
		第一个值表示水平方向  第二个值表示垂直方向 */
		background-size:100px 100px;/* 图片大小 */
		background: pink url(img/1.jpg) no-repeat  center top/100px 100px;
		 /* 可以只写background 顺序分别为颜色 路径 平铺方式 位置 */
	}