กรอบสี่เหลี่ยม PHP ด้วย div ของ CSS

กรอบสี่เหลี่ยม PHP ด้วย div ของ CSS บทความนี้สอนสร้างกรอบสี่เหลี่ยมภายในไฟล์ PHP โดยใช้แท็ก div ของ HTML พร้อมกับใส่รูปแบบ style ด้วย CSS และแสดงผลที่หน้าเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง กรอบสี่เหลี่ยม PHP ด้วย div ของ CSS

<style>
    .box {
        width: 30px;
        height: 30px;
        border: solid 2px green;
    }
</style>

<?php
    echo "<div class='box'></div>";
?>

กรอบสี่เหลี่ยม PHP ด้วย div ของ CSS จากตัวอย่างโค้ดสร้าง class ชื่อ box กำหนดความกว้าง และสูงเท่ากับ 30px ทั้งคู่ พร้อมสร้างเส้นกรอบสี่เหลี่ยม ความหนา 2px สีเขียว ด้วยคำสั่ง border: solid 2px green จากนั้นนำ class=box ไปใช้กับ div ในแท็ก PHP