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>