<!DOCTYPE html>
<!--边框-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>边框</title>
</head>
<body>
<div style="border:4px dotted red">测试边框专用</div>
<div style="border:1px solid green">测试边框专用2</div>
<div style=" height:150px;width:150px;border:1px solid purple">测试边框专用3</div>
<div style=" height:150px;width:80%;border:1px solid pink">测试边框专用4</div>
<div style=" height:48px;width:80%;border:1px solid yellow;
font-size:16px;text-align:center;
line-height:48px;
font-weight: bold" >测试边框专用5</div>
<!--font-weight 字体加粗-->
<!--text-align 字体水平居中-->
<!--line-height 垂直方向根据标签高度居中-->
</body>
</html>
