How to define style for a specific HTML table with id attribute in CSS

1 Answer

0 votes
<!DOCTYPE html>
<html>
    <head>
        <style>
            table, th, td {
                border: 1px solid lightcoral;
                border-collapse: collapse;
            }
            #table2_id {
                width: 20%;
                background-color: lightcyan;
            }
        </style>
    </head>
    <body>

        <table style="width:20%">
            <tr>
                <th>Name</th>
                <th>Language</th>
            </tr>
            <tr>
                <td>Fox</td>
                <td>PHP</td>
            </tr>
            <tr>
                <td>Angelina</td>
                <td>JavaScript</td>
            </tr>
            <tr>
                <td>Borat</td>
                <td>HTML</td>
            </tr>
            <tr>
                <td>Mr. Bean</td>
                <td>CSS</td>
            </tr>
        </table>
        <br />
        <table id="table2_id">
            <tr>
                <th>Name</th>
                <th>Salary</th>
            </tr>
            <tr>
                <td>Aurora</td>
                <td>13899</td>
            </tr>
            <tr>
                <td>Arthur</td>
                <td>12995</td>
            </tr>
            <tr>
                <td>Emmett</td>
                <td>14250</td>
            </tr>
        </table>

    </body>
</html>

 



answered Dec 13, 2018 by avibootz
...