在css盒模子中 ， 设置布景的属性 ， 就是background属性 ， 可是 ， 这一个属性又附带了其他一些属性 ， 因为 ， 布景色要设置的内容良多
需要这些哦
vscode
方式/
1打开vscode ， 建立一个测试html页面 ， 用于演示css的布景设置结果
文章插图
2【css盒模型设置什么属性可以显示背景】在测试页面中 ， 添加一个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%的时辰 ， 就能主动拉伸图片 ， 填满窗口
文章插图
以上内容就是css盒模型设置什么属性可以显示背景的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 怎样用纸来制作盒子
- css 设置图片根据分辨率拉伸
- 盒子折纸怎么折 怎么折折纸盒子
- css文字居中之后第二行怎么靠左边
- 迷你世界生物模型道具怎么使用
- 认识CSS样式中的盒子模型
- 迷室3攻略2第一个密室，精致的小盒子怎么打开
- 圣诞礼物盒怎么画
- CSS实现鼠标经过导航的超链接时显示下划线效果
- 天猫魔盒怎么投屏，电脑投屏天猫魔盒