วิธีกำหนดขนาด div ด้วยคำสั่ง width และ height

สอนวิธีกำหนดขนาด div ด้วยคำสั่ง width และ height โดยคำสั่ง width คือค่าความกว้าง และคำสั่ง height คือค่าความสูง โดยกำหนดเป็นหน่วย px หรือ Pixels ซึ่งเป็นหน่วยของภาษา CSS สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง วิธีกำหนดขนาด div ด้วยคำสั่ง width และ height

<style>
    .my_div {
        width: 50px;
        height: 50px;
        background-color: green;
    }
</style>

<div class="my_div"></div>

โค้ดด้านบนกำหนดขนาดของ div ด้วยคำสั่ง width คือความกว้างเท่ากับ 50px และ height คือความสูงเท่ากับ 50px และกำหนดให้ div มีสีเขียว