读书频道 > web开发 > Javascript > HTML+CSS+JavaScript网页设计与布局实用教程
2.1.5 设置页面边距
2013-03-09 08:35:16     我来说两句 
收藏    我要投稿   
本书紧密围绕网页设计师在制作网页过程中实际需要掌握的技术,全面介绍了使用HTML、CSS、JavaScript进行网页设计和制作的各方面内容和技巧。本书不是单纯讲解语法,而是通过一个个鲜活、典型的实战来达到学以致用...  立即去当当网订购

有的朋友在做页面的时候,感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边,这是怎么回事呢?因为一般的制作软件或HTML默认的设置都是topmargin、leftmargin值等于12,如果你把它们的值设为0,就会看到网页的元素与左边距离为0。
 
基本语法:

<body topmargin=value leftmargin=value rightmargin=value bottommargin=value>

语法说明:

通过设置topmargin/leftmargin/rightmargin/bottommargin不同的属性值来设置显示内容与浏览器的距离。在默认情况下,边距的值以像素为单位。

topmargin:设置到顶端的距离。

leftmargin:设置到左边的距离。

rightmargin:设置到右边的距离。

bottommargin:设置到底边的距离。

实例代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>设置边距</title>
</head>
<body topmargin="80" leftmargin="80">
<p>设置页面的上边距</p>
<p>设置页面的左边距</p>
</body>
</html>

上面代码中加粗部分的代码标记是设置上边距和左边距,在浏览器中预览效果,可以看出定义的边距效果,如图2.11所示。


 

提示:一般网站的页面左边距和上边距都设置为0,这样看起来页面不会有太多的空白。

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:2.1.4 设置链接文字属性
下一篇:2.2.1 标题标记
相关文章
图文推荐
3.12 本章小结
3.10 添加新函数
3.9 递归
3.8 闭包
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站