โค้ดทั้งหมด
โค้ด: เลือกทั้งหมด
<HTML>
<HEAD>
<TITLE> mdsoft_html_trial_balance_print </TITLE>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</HEAD>
<body>
<center>
<br>
<div class="row" style="width: 90%">
<div style="border-bottom:solid 1px rgb(0, 0, 0);
border-top:solid 1px rgb(55, 10, 255);
border-right:solid 1px rgb(255, 0, 0);
border-left:solid 1px rgb(6, 250, 27);">
ตัวอย่างช่อง
</div>
</div>
</center>
</body>
</HTML>
- ส่วนนนี้เป็นการกำหนดให้เส้นด้านล่าง หรือ border-bottom เป็นสีดำ
โค้ด: เลือกทั้งหมด
border-bottom:solid 1px rgb(0, 0, 0);
- ส่วนนนี้เป็นการกำหนดให้เส้นด้านบน หรือ border-top เป็นสีน้ำเงิน
โค้ด: เลือกทั้งหมด
border-top:solid 1px rgb(55, 10, 255);
- ส่วนนนี้เป็นการกำหนดให้เส้นด้านขวา หรือ border-right เป็นสีแดง
โค้ด: เลือกทั้งหมด
border-right:solid 1px rgb(255, 0, 0);
- ส่วนนนี้เป็นการกำหนดให้เส้นด้านซ้าย หรือ border-left เป็นสีเขียว
โค้ด: เลือกทั้งหมด
border-left:solid 1px rgb(6, 250, 27);
- ผลลัพธ์ที่ได้