css盒模型设置什么属性可以显示背景

在css盒模子中，设置布景的属性，就是background属性，可是，这一个属性又附带了其他一些属性，因为，布景色要设置的内容良多

东西/原料

1
打开vscode，建立一个测试html页面，用于演示css的布景设置结果
2
在测试页面中，添加一个div，设置固心猿意马高宽，以及边框，用于后续的布景结果演示。别的，在测试页面的同级目次下，添加一张演示图片
3
布景颜色设置，利用background-color属性，这个属性的值可所以red、blue这类颜色名称，也可所以rgb或者16进制的颜色编码
4
布景图片设置，利用background-image属性，经由过程这个属性中的url，设置布景图片的路径即可
5
布景图片的位设置，利用background-position属性。这个属性的值，可所以百分比，px像素值，top、right、bottom、left、center等等距离的值
6
布景图片是否许可反复，利用background-repeat属性，当值为no-repeat的时辰，暗示不许可反复。当值为repeat的时辰，暗示程度、垂直方形都主动反复。repeat-x、repeat-y则只在一个偏向上反复
7
布景图片的巨细设置，利用background-size属性，当值为两个100% 100%的时辰，就能主动拉伸图片，填满窗口