<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
div{
border:#306 solid 1px;
height:200px;
width:300px;
}
body{
margin:0px;
}
#div_1{
background-color:#0C0;
padding: 20px 100px 200px 300px;/*上 右 下 左 内边距*/
}
#div_2{
background-color:#00C;
margin:50px;
}
#div_3{
background-color:#9F6;
}s
</style>
</head>
<body>
<div id="div_1">
第一个盒子11
</div>
<div id="div_2">
第二个盒子2
</div>
<div id="div_3">
第三个盒子33
</div>
</body>
</html>
CSS 盒子模型
最新推荐文章于 2024-08-06 19:16:14 发布