CSS สีกรอบ div ด้วยคำสั่ง border solid

สอนเขียนภาษา CSS สีกรอบ div ด้วยคำสั่ง border solid ตัวอย่างจะสร้าง div ด้วยภาษา HTML พร้อมกำหนดสีของกรอบ หรือ div ด้วยภาษา CSS ด้วยคำสั่ง border พร้อมกับแสดงผลลัพธ์ออกสู่หน้าเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS สีกรอบ div ด้วยคำสั่ง border solid

<style>
    .box {
        border: solid 1px blue;
        width: 50px;
        height: 50px;
        text-align: center;
    }
</style>

<div class="box">BOX</div>

CSS สีกรอบ ตัวอย่างสร้าง div กำหนด class="box" โดย box คือ class ในการภาษา CSS กำหนดสีกรอบด้วยคำสั่ง border: solid 1px blue คือ เป็นเส้นกรอบแบบทึบ (solid) ขนาดความหนา 1px สีฟ้า