css基础知识(背景)

1.背景颜色
背景颜色生效的范围是border及以内

background-color:red;

2.背景图片

background-image: url("地址");
background-size: 100px;/*图片大小*/
background-repeat: no-repeat;/*不平铺*/
background-repeat: repeat-y;/*向y轴方向平铺*/
background-repeat: repeat-x;/*向x轴方向平铺*/
background-position: center;/*偏移*/
background-position: 10px 20px;/*水平偏移 垂直偏移 也可以使用%比*/

颜色、图片、位置、平铺、全写在一起的顺序。

background:url("图片地址") 20% 50% no-repeat ,url("图片地址") 50% 50% no-repeat;

注：背景图片是从padding开始的。
3.背景滚动(attachment)

body{
	background-image: url(1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;/*固定*/
	background-attachment: scroll;/*流动 默认*/
	}