本文摘自PHP中文网，作者PHP中文网，侵删。
盒子模型。盒子由 margin、border、padding、content 四部分组成。
margin ：外边距
border：边框
padding：内边距 (内容与边框的距离)
content：内容
1 | <!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">* {margin: 0;padding: 0;}div {background-color: blue;width: 250px;height: 250px;margin: 130px;border: 10px solid red;padding: 20px 40px 50px 100px;}</style></head><body><div>ABCDEFG</div></body></html>
|
以上就是HTML5盒子模型的使用方法的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
详细介绍基于HTML5 的webgl技术构建3d场景的图文代码（一）
HTML5前端是什么？
用h5实现手机摇一摇的实例详解
h5正常文本框提示语的实现方法
HTML5多图片预览上传及点击可拖拽控件的实例分享
HTML5的canvas实现绘制曲线的方法
h5移动端 超实用的css3模拟边框最新研究示例代码
如何解决HTML5微信播放全屏问题
HTML5之title吸顶功能
HTML5拖放关于api实现拖放排序的实例代码
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML5盒子模型的使用方法
