1. CSS style border: border
A solid border:
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" >
<title> Page One </title>
<body>
<div style= "border:1px solid blue;height:200px" ></div>
</body>
An open-minded border:
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" >
<title> Page One </title>
<body>
<div style= "border:1px dotted blue;height:200px" ></div>
</body>
2, CSS style inside the margin
Margins: Margin
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "Text/html;charset =utf-8,
<title> page </title>
<body>
<div style= "height:200px;border:1px solid red;" >
<div style= "Height:30px;background-color: #999; margin-top: 10px;margin-left:1250px;margin-right:10px; " >
Guojianglin
</div>
</div>
</body>
Inner margin: padding
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" >
<title> Page One </title>
<body>
<div style= "height:200px;border:1px solid red;" >
<div style= "Height:30px;background-color: #999; padding-top: 50px; " >
Guojianglin
</div>
</div>
</body>
CSS style borders and internal and external margins