<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框</title>
<style type="text/css">
div{
width: 50px;
height: 50px;
background-color: blue;
/* 正常盒模式下设置padding和border会让元素变大 */
/* padding宽高 */
/* padding: 20px; */
/* border是边框 */
/* border-top: 100px red solid;
border-bottom: 100px green solid;
border-left: 100px blue solid;
border-right: 100px blueviolet solid; */
}
</style>
</head>
<body>
<div>今天会下雨!</div>
</body>
</html>