CSS总结-----常用背景相关

1.背景颜色：background-color

取值:

• 1.具体单词
• 2.rgb:三原色
• 3.rgba:三原色+透明度
• 4.十六进制

名称	格式
具体单词	red….
三原色	（0,0,0）
rgba	（0,0,0,0）
十六进制	ffffff

2.背景图片：background-image

格式：

background-image:url(images/aa.jpg);

注意：

• 1.背景图片的地址必须放在URL中，可以是本机，也可以是外面的
• 2.图片没有标签大时会自动平铺。
• 3.背景图片不会占位置，插入图片会
• 4.背景图片可以定位，插入图片不行

3.背景平铺：background-repeat

取值：

名称	格式	解释
默认	repeat	水平垂直都有
默认不需要	no-repeat	水平垂直都不需要平铺
水平平铺	repeat-x	水平方向
垂直平铺	repeat-y	垂直方向

4.背景定位background-position

格式：

background-position：水平方向 垂直方向；
//1.注意，这里有两个值，水平和垂直

取值：

名称	格式	解释
具体单位	xpos ypos	任何CSS单位都可
方位词	用具体的方位词	用具体的方位词
百分比	x% y%	相对百分比

方位词：
水平：left center right
垂直：top center bottom
//只写一个另外一个默认center
//同时存在颜色和图片时，图片覆盖颜色

5.背景属性连写

background:背景颜色 背景图片 平铺方式 关联方式 定位方式

//任何属性都可以省略

6.背景关联：background-attachment

取值：

名称	格式	解释
默认	scroll	随滚动条
滚动	fixed	不随滚动条

7.总结

回家写完博客就快九点了~~
每天还得赶早上班~~