body css样式中 设置宽度和背景色

原创 2016年06月22日 20:12:53
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body{
	padding:0;
	margin:0;
	margin:0 auto;
	background-color:#069;
	width:80%;
	height:800px;
	border:1px solid #F00;
}
div{
	height:200px;
	width:200px;
	border:1px solid #0F0;
}
</style>
</head>

<body>
<div class="wrap">
</div>
</body>
</html>

如上面

之前一般都是用div元素包含整个页面的内容,然后设置宽度,如width:80% 或者 width:620px   margin:0 auto;  从而实现将主体元素居中显示、

也可以在CSS样式中设置body样式,如上面。

这样元素主体内容就是居中显示,但是背景色是渲染整个页面的,说明背景色是整个页面起作用。

这种形式一般很少用,可以用来设置页面的基础样式,如字体,打开方式,背景等。

版权声明:本文为博主原创文章,未经博主允许不得转载。

css body的背景颜色设置

body的背景颜色设置的一个代码样例 css背景 body{ background-color:green; } h1{ color:orange;...
  • andeyeluguo
  • andeyeluguo
  • 2017年09月01日 10:08
  • 1422

JS获取body及屏幕的宽度和高度

JS获取body及屏幕的宽度和高度
  • qq_36189686
  • qq_36189686
  • 2017年04月21日 09:24
  • 1509

body css样式中 设置宽度和背景色

无标题文档 body{ padding:0; margin:0; margin:0 auto; background-color:#069; width:80%; height:800p...
  • ios0213
  • ios0213
  • 2016年06月22日 20:12
  • 3550

CSS 继承Body元素样式

不多说了,你们自己看图吧!
  • sweetswing
  • sweetswing
  • 2017年11月08日 14:15
  • 89

解决设置了body宽高,但设置背景颜色仍然会铺满问题

近期开发遇到一个问题,命名给body设置了宽高,然后给body设置背景,背景仍然会铺满整个屏幕。以下是我的代码: body{ ...
  • nongweiyilady
  • nongweiyilady
  • 2017年06月17日 11:08
  • 1795

页面使用iframe时,在css样式表中设置body宽度和直接在页面上设置其宽度的不同

今天做项目是发现页面使用iframe时,在css样式表中设置body宽度和直接在页面上设置其宽度产生了不同的效果 body {     background-color: #FFFFFF;   ...
  • dotNET25
  • dotNET25
  • 2012年12月04日 17:34
  • 8456

巧用body样式实现元素紧贴页面边缘

      在为页面添加一些元素,如table或者div的时候,有的时候可能会出现,想把这些元素紧贴页面的需求,但是无论如何设置元素的样式都无法正常显示效果,这个时候,就必须通过修改body的样式来实...
  • guilin_gavin
  • guilin_gavin
  • 2008年04月23日 19:17
  • 1896

CSS样式

CSS 背景 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法...
  • u011031422
  • u011031422
  • 2017年07月06日 16:07
  • 77

body和html到底有多高&&浏览器的背景色问题

在此之前我一直以为在浏览器里html默认和浏览器窗口等高,而body默认和html等高,现在想想自己为什么会这么想,主要是因为这个: body{ background:blue; }当我...
  • xiaowanzi0713
  • xiaowanzi0713
  • 2016年08月26日 09:58
  • 1519

CSS 如果不给body标签设置大小,那它默认的宽度好高度是多少,并且是居中的吗?

默认高度是没有的,不过由于浏览器本身的bug,如果不用css样式定义body的margin:0;,则会大概有2个像素下移。 默认不是居中的,是居左的,用下面这个可以让让居中。 body{margi...
  • u010227447
  • u010227447
  • 2014年11月25日 12:09
  • 2238
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:body css样式中 设置宽度和背景色
举报原因:
原因补充:

(最多只允许输入30个字)