<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="border: 5px solid red">
边框测试solid的意思是实线，虚线是dotted
</div>
<div style="border-left: 5px solid red">
边框测试2
</div>
<div style="
height:48px;
80%;
color: blue;
font-size:20px;
水平方向居中
text-align: center;
/*垂直方向根据标签高度居中*/
line-height:34px;
字体加粗
font-weight:bold;
border: 5px solid red">
边框测试3
</div>
</body>
</html>