开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第11天，点击查看活动详情
页面背景
之前写的页面背景都是白色，实际上可以使用css的相关属性对页面背景颜色进行修改，修改方式与在之前的文章：用css为文本添加样式（1） - 掘金 (juejin.cn)中提到过的文本颜色的修改方式类似，同样可以使用rgb法、rgba法、16进制法以及直接书写颜色。
页面背景颜色的属性为background-color(也可以写成background)
以上方法只能修改页面背景为单一的颜色
这个颜色展示的范围为选择器所占的宽高范围，不一定是整个页面的背景颜色。如果要设置整个页面的背景颜色，可以指定选择器为
body标签。
以图片作为页面背景
实际上也可以修改页面背景为图片，例如把页面背景修改成下面这样一个有四朵雪花的图片。
首先，需要用到的css属性是
background-image,将属性值书写为url()，在括号中书写照片的位置就可以了。
全屏浏览结果会发现背景变成了两张四朵雪花图片左右拼接的样子
如果想要只有一个四朵雪花的图片作为背景（全屏浏览时左半边是有四朵雪花作为背景的，右半边是空白的），书写声明
background-repeat: no-repeat，表示背景图片不够占满整个页面的时候，不进行重复展示图片以占满整个页面。
属性background-repeat介绍
设置了背景图片之后，默认背景图片是会占满属性 background-image属性所在的选择器大小的。
如果指定的图片小于这个选择器大小的话就会进行平铺，直到占满这个选择器大小。
平铺的原则可以理解为贴瓷砖，瓷砖大小就是指定的背景图片的大小，墙的大小就是选择器的大小，如果选择器大背景图片小（墙大瓷砖小），就按照顺序把背景图片（瓷砖）取出来很多份从左到右，从上到下，进行平铺（贴瓷砖），直到填满选择器（整面墙）。
从左到右的平铺就被看做是沿着x轴平铺，从上到下平铺就是沿着y轴平铺，只想想从上到下或者从左到右进行平铺的时候就可以选择 background-repeat 属性。
该属性的属性值如下：
| 属性值 | 含义 |
|---|---|
| repeat | 从上到下从左到右进行平铺（默认值） |
| repeat-x | 只沿着x轴平铺 |
| repeat-y | 只沿着y轴平铺 |
| no-repeat | 不平铺 |
