CSS เส้นตรง สร้างเส้นตรงแนวนอน ด้วย border

CSS เส้นตรง สร้างเส้นตรงแนวนอน ด้วย border บทความนี้สอนเขียนโค้ดสร้างเส้นตรง โดยใช้คำสั่ง border พร้อมกำหนดขนาดเส้น และรูปแบบเส้น พร้อมสีของเส้น และนำไปแสดงผลที่ HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS เส้นตรง สร้างเส้นตรงแนวนอน ด้วย border

<style>
    .line {
        width: 100%;
        border-top: 2px green solid;        
    }
</style>

<div class="line"></div>

CSS เส้นตรง จากตัวอย่างสร้างเส้นผ่าน class .line ขนาดความกว้างของเส้นคือ wdth: 100% และกำหนด border-top เพื่อแสดงผลเส้นตรงแนวนอน ความหนาของเส้น 2px แบบ solid สีเขียว พร้อมแสดงเส้นตรงที่ div ของ HTML