width:内容的宽高
height:内容的高
padding:内边距
border:边框
border-width 上右下左，一参表四个，二参表上下、左右，三参表上、左右、下
border-style
none 无
dotted 点状
dashed 虚线
solid 实线
double 双线border-color
border-left（对左边框单独操作）right top bottom
border-shadow 隐藏边框
border-radius 边角圆滑，到50%以上为圆
margin:外边距
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>盒子模型</title><style type="text/css">
.lala{
width: 300px;
height: 300px;
padding: 30px;
background-color: red;
border: 5px solid yellow;
margin-top: 20px;
margin-left: 30px;
font-style: italic;
}
</style>
</head>
<body>
<div class="lala">
内容内容内容内容内容内容内容内容内容内容内容内容
</div></body>
</html>
1165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
