演示代码:
<!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:红色 */
}
</style>
</head>
<body>
<!--
边框要素:四要素
1,边框宽度;
2,边框颜色;
3,边框样式;虚线、实线等
4,边框方向。
-->
<div>我要自学</div>
</body>
</html>