盒子
盒子：边框：border、内容：padding内边距
盒子的作用：给网页布局
width:宽
herder：高
border：边框
solid：实线
dashed:虚线
dotted:点线
padding:内边距
left：左边 right:右边
top:上 bottom:下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>盒子模型</title>
<style>
.box{
width:1266px;
height:52px;
border-left:solid 5px black;
/*当写一个值：上下左右都是同一个内边距*/
/*当写两个值：第一个值代表上下，第二个值左右*/
/*当写三个值：第一个值代表上，第二个值是左右，第三个是下*/
/*当写四个值：第一个值代表上，第二个值是右，第三个是下,第四个是左*/
/*padding:20px 10px 30px 5px*/
/*padding-left:左内边距*/
padding-left:30px
}
}
</style>
</head>
<body>
<div class="box">
<div class="box2"></div>
<div class="box2"></div>
</div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
