css中如何给整个页面加背景颜色?

在网页制作的过程之中,CSS是必不可少的,它所起到的作用就是“装饰”元素。那么css中如何给整个页面加背景颜色?下面就如何让整个页面充满背景色进行简单讲解。

方法1:

如果我们想要整个页面都填充背景色,只需要在样式标签<style></style>里写上body{ background-color:颜色代码}即可,颜色代码通常是十六进制,选好所需的颜色即可。

在浏览器中预览,我们可以看到,颜色已经铺满整个页面。如下图:

方法2:在<body>标签中添加样式

<body style="background-color: red;">
    
</body>

在浏览器中预览,我们可以看到,颜色已经铺满整个页面。如下图:

方法3:

增加一个布局标签<div>的形式,具体写法是在<body>标签中间写上div标签即可,如图所示:

接下来就是给这个div标签编写样式,在style标签中先给该标签设置宽高和页面大小一致,再添加背景色,div{ width:100 heigth:100 background-color:#3f},使用这种方法的前提是先规定整个页面的大小,比如页面的高度。

更多web前端自学知识,请查阅 HTML中文网 !!

以上就是css中如何给整个页面加背景颜色?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读