Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính border-top trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div{width:100%;float:left;height:auto;background:antiquewhite;margin-bottom:10px;padding:10px}
span {width:100%; float: left; heigt:auto; margin-bottom:10px}
</style>
</head>
<body>
<h1>Code Thuộc tính border-top trong CSS</h1>

<span>Dùng để kẻ đường viền trên cho phần tử HTML bao gồm: chiều rộng, kiểu đường viền, màu sắc:</span>

<div style="border-top: 1px solid #ff0000;">border-top: 1px solid #ff0000;</div>
<div style="border-top: 5px solid green;">border-top: 5px solid green;</div>

<div style="border-top: 5px dotted green;">border-top: 5px dotted green;</div>
<div style="border-top: 1px dotted red;">border-top: 1px dotted red;</div>

<div style="border-top: 5px double green;">border-top: 5px double green;</div>
<div style="border-top: 10px double red;">border-top: 10px double red;</div>

<div style="border-top: 5px dashed green;">border-top: 5px dashed green;</div>
<div style="border-top: 10px dashed red;">border-top: 10px dashed red;</div>

<div style="border-top: 1px inset red;">border-top: 1px inset red;</div>
<div style="border-top: 5px inset green;">border-top: 5px inset green;</div>
<div style="border-top: 10px inset red;">border-top: 10px inset red;</div>

<div style="border-top: 1px outset red;">border-top: 1px outset red;</div>
<div style="border-top: 5px outset green;">border-top: 5px outset green;</div>
<div style="border-top: 10px outset red;">border-top: 10px outset red;</div>

<div style="border-top: 1px ridge red;">border-top: 1px ridge red;</div>
<div style="border-top: 5px ridge green;">border-top: 5px ridge green;</div>

<div style="border-top: 1px groove red;">border-top: 1px groove red;</div>
<div style="border-top: 5px groove green;">border-top: 5px groove green;</div>

</body>
</html>

Code Thuộc tính border-top trong CSS nằm trong bài viết Thuộc tính border-top trong CSS