概述
本教程操作环境：windows7系统、html5版，DELL G3电脑，该方法适用于所有品牌电脑。
html里的盒子：
1、margin 合起来写的属性
4个
当你写一个的时候，四个全部相同
两个的时候，上右，对边补齐
三个的时候，上右下，对边补齐
margin-top margin-right margin-bottom margin-left
这四个属性可以单独的拿出来写
2、border 边框 合写的属性
border-color 颜色
border-top-color: ;
border-left-color:
border-style 样式
也分上下左右
border-width 宽度
也分上下左右
写的时候不需要区分顺序
3、padding
上右下左
对边补齐
定义的width和height只是content部分
padding和border会把盒子撑大
盒子的大小 content+padding+border
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>框模型</title>
<link rel="stylesheet" type="text/css" href="css/day03.css"/>
</head>
<body>
<div class="d04_01">今天星期三</div>
</body>
</html>
登录后复制结果
以上就是html里面什么是盒子的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是彪壮草莓为你收集整理的html里面什么是盒子的全部内容，希望文章能够帮你解决html里面什么是盒子所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复