<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>边框</title>
<!--border-width属性:设置边框的粗细-->
<!--border-style属性:设置边框是实线还是虚线-->
<!--border-color属性:设置边框的颜色-->
<!--可以将这些属性简写：border：粗细 实线/虚线 颜色-->
<style>
p{border-width:5px;
border-style: solid;
border-color: red}
div{border-width:5px;
border-style: solid;
border-color: yellow}
p{border-top-style: dotted;
border-top-color: pink;
border-left-style:dashed;
border-left-color: blue;
}
</style>
</head>
<body>
<p>我加了边框</p>
<div>我加了黄色的边框</div>
</body>
</html>
