简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

body在默认情况下是具有margin外边距的_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:27:27
原创
1858 人浏览过

body在默认情况下是具有margin外边距的:
这里只是陈述一个事实，那就是body具有外边距在默认情况下。
代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css"> body{  background:blue;}#box{  width:200px;  height:100px;  background:red;  text-align:center;  line-height:100px;}</style></head><body><div id="box">蚂蚁部落</div></body></html>
登录后复制

从上面的代码可以看出，box元素与外围有一定的空隙，再来看一段代码实例:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css"> body{  background:blue;  margin:0px;}#box{  width:200px;  height:100px;  background:red;  text-align:center;  line-height:100px;}</style></head><body><div id="box">蚂蚁部落</div></body></html>
登录后复制

上面的代码可以看出，空隙消失，说明body是具有外边距的。
所以在正式些页面之前，通常先重置一下样式属性，具体可以参阅css预重置样式代码一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18131

更多内容可以参阅:http://www.softwhy.com/divcss/

相关标签：
body在默认情况下是具有margin外边距的
来源：php.cn
上一篇：鼠标经过li元素鼠标变成小手代码实例_html/css_WEB-ITnose 下一篇：绝对定位对margin外边距的影响_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Symfony 5 中的自定义默认条款和条件复选框 我是symfony的新手，我正在尝试构建我的注册页面。通过我的FormType生成表单和字段，但我有点想更改条款和条件复选框的外观。默认情况下，它是标签然后是盒子，我想颠倒它们并将...
来自于 2024-04-04 22:42:19
0
1
1365
如何检查CSS类选择器的宽度属性？一个例子是.label{} 这是我对css代码的评论，其中我为.label选择了270的宽度：如果您使用浏览器的开发人员工具检查.label元素，您可能会注意到它实际上是288像素宽，而不是270像素。这是因...
来自于 2024-04-01 17:45:11
0
1
338
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！