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.总结
回家写完博客就快九点了~~ ~~
每天还得赶早上班