本文摘自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的63行代码实现贪吃蛇游戏
HTML5能干什么?详解HTML5的功能
HTML5动画有什么用?
h5混合开发app如何升级
图片懒加载是什么意思?图片懒加载的实现方法
移动端HTML5中判断横屏竖屏的方法
详解HTML5 录音遇到的坑
HTML5 command标签的用法和<command>标签的使用案例详解
storage event如何实现页面间通信
简单介绍HTML5新增及移除的元素
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML5盒子模型的使用方法