上QQ阅读APP看书，第一时间看更新
2.1.5 课堂案例——设置页面边距
在做页面的时候，有时文字或者表格怎么也不能靠在浏览器的最上边和最左边，这是怎么回事呢？因为一般用的制作软件或HTML语言默认topmargin、leftmargin的值等于12，如果把它们的值设为0，就会看到网页的元素与左边距离为0了。
语法：
<body topmargin=value leftmargin=value rightmargin=value bottommargin=value>
说明：通过设置topmargin、leftmargin、rightmargin、bottommargin不同的属性值来设置显示内容与浏览器四周的距离。在默认情况下，边距的值以像素为单位。
●topmargin设置到顶边的距离。
●leftmargin设置到左边的距离。
●rightmargin设置到右边的距离。
●bottommargin设置到底边的距离。
举例：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>设置页面边距</title> </head> <body topmargin="80" leftmargin="80"> <p>设置页面的上边距</p> <p>设置页面的左边距</p> </body> </html>
在代码中加粗的部分topmargin="80"是设置上边距，leftmargin="80"是设置左边距，在浏览器中预览效果，可以看出定义的边距效果，如图2.11所示。
图2.11 设置的边距效果
提示
一般网站的页面左边距和上边距都设置为0，这样页面看起来不会有太多的空白。