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

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính border-bottom-style 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;border-bottom-width: 5px;border-bottom-color: red;}
span {width:100%; float: left; heigt:auto; margin-bottom:10px}
</style>
</head>
<body>

<h1>Code Thuộc tính border-bottom-style trong CSS</h1>

<span>Dùng để quy định kiểu đường viền dưới cho phần tử HTML, thuộc tính này kết hợp với thuộc tính border-bottom-width để quy định chiều rộng và thuộc tính border-bottom-color để quy định màu sắc cho đường viền:</span>

<div style="border-bottom-style: solid;">border-bottom-style: solid;</div>

<div style="border-bottom-style: dotted;">border-bottom-style: dotted;</div>

<div style="border-bottom-style: double;">border-bottom-style: double;</div>

<div style="border-bottom-style: dashed;">border-bottom-style: dashed;</div>

<div style="border-bottom-style: inset;">border-bottom-style: inset;</div>

<div style="border-bottom-style: outset;">border-bottom-style: outset;</div>

<div style="border-bottom-style: ridge;">border-bottom-style: ridge;</div>

<div style="border-bottom-style: groove;">border-bottom-style: groove;</div>

<div style="border-bottom-style: none;">border-bottom-style: none;</div>

<div style="border-bottom-style: hidden;">border-bottom-style: hidden;</div>

</body>
</html>

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