css如何设置全屏背景色 _html+css

在写前端页面时，会遇到设置全屏背景色的需求。今天我给大家讲解下css如何设置全屏背景色

文章插图

需要这些哦
html+css
代码编纂器（本文用的HBuilder）
方式/
1打开编纂器，新建test.html页面，用来进修今天的内容

文章插图

2在页面的body区域，新建一个div ，给div加上class ，叫做test ，用来测试今天的内容

文章插图

3在css样式里，给htm设置以部属性：
height: 100%;
width: 100%;

文章插图

4在css样式里，给body设置以部属性：
height: 100%;
width: 100%;

文章插图

5在css样式里，给test设置以部属性：
【css如何设置全屏背景色】width: 100%;
height: 100%;
background: red;

文章插图

6在浏览器中打开test.html ，会发现整个页面都是红色

文章插图

注重事项html ， body需设置高度为100%

以上内容就是css如何设置全屏背景色的内容啦，希望对你有所帮助哦！

css如何设置全屏背景色