html+css 盒子模式展示（备查）
作者：互联网
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>921</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
p{
/* 边框 */
border: 10px solid;
border-left-color: red;
border-color: red;
/* 轮廓 */
outline: yellow dashed 10px ;
/* 边距 */
margin-top: 100px;
margin-bottom: 100px;
margin-right: 50px;
margin-left: 50px;
/*填充*/
padding-bottom: 200px;
padding-left: 20px;
/*设置填充区域颜色*/
background-color: green;
}
</style>
</head>
<body>
<p>
盒子模型展示
</p>
</body>
</html>
-----------------------------------------------------------------
标签：bottom,color,margin,100px,备查,html,border,css,left 来源： https://www.cnblogs.com/liyunchuan/p/11562501.html