演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 200px;height: 100px;
line-height: 100px;text-align: center;
background: #00ff00;
/* border-top: 4px #ff0000 solid; */ /* #ff0000：红色 */
border: 4px #ff0000 solid;
}
</style>
</head>
<body>
<!--
边框设置：
语法：border-边框方向: 边框宽度 边框颜色 边框样式;
边框方向：写在属性名中
上：top
下：bottom
左：left
右：right
四个方向一样边框，属性名直接：border
边框宽度：可以px、em、rem，但是不能使用百分比；（推荐使用像素）
边框颜色：可以颜色名、16进制颜色值、rgb、rgba；（不推荐颜色名）
边框样式：
实线：solid （用得最多）
虚线：dashed
双线：double
点状线：dotted
-->
<div>我要自学</div>
</body>
</html>
