ตกแต่งตาราง PHP ให้สวยงามน่าใช้ ด้วย CSS

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

ตัวอย่าง ตกแต่งตาราง PHP ให้สวยงามน่าใช้ ด้วย CSS

<style>
    table {
        width: 80%;
        text-align: center;
        border-spacing: 0;
    }
    .head {
        background-color: darkcyan;
        color: white;
    }
    table tr td {
        border: solid 1px silver;
    }
</style>

<?php
    echo "
            <table>
                <tr class='head'>
                    <td>Header 1</td>
                    <td>Header 2</td>
                    <td>Header 3</td>
                </tr>
                <tr>
                    <td>A</td>
                    <td>B</td>
                    <td>C</td>
                </tr>
                <tr>
                    <td>D</td>
                    <td>E</td>
                    <td>F</td>
                </tr>                
            </table>
         ";
?>

ตกแต่งตาราง PHP ให้สวยงามน่าใช้ ด้วย CSS จากตัวอย่างโค้ดใช้คำสั่ง background-color: darkcyan เพื่อลงสีหัวข้อตาราง และใส่สีตัวอักษรด้วยคำสั่ง color: white ผ่าน class .head ส่วนเส้นขอบข้อมูลในตารางใช้คำสั่ง border: solid 1px silver โดยอ้างถึง table tr td