HTML5盒子模型的使用方法


本文摘自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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...