> Css3 > Css İle Tablo Renk Özellikleri Ders#13

Tablo renklerini istediğiniz gibi değiştirebilirsiniz. Bu eğitimimizde göreceğiniz üzere sınır renkleri, metin ve zemin rengi atamaları, <th> elemanının içinde gerçekleştirilmektedir:

table, td, th {
    border: 2px solid yellow;
}

th {
    background-color: pink;
    color: white;
}

background-color ve color özellikleriyle arka zemin ve yazı renklerini kolayca ayarlayabilirsiniz. Dilerseniz, tablonun border özelliğini kullanarak çerçevenin kalınlığı ve renginin nasıl değiştirildiğini de deneyebilirsiniz.

Şimdi bir HTML belgesinde bu özelliklerin nasıl belirlendiğini görelim:

<!DOCTYPE html>
<html>
    <head>
        <style>
            table, td, th {
                border: 2px solid pink;
            }
        
        th {
            background-color: yellow;
            color: white;
        }
        </style>
    </head>
    
    <body>
        <table>
            <tr>
                <th>AD</th>
                <th>SOYAD</th>
                <th>MAAS</th>
            </tr>
            <tr>
                <td>ALI</td>
                <td>OKAN</td>
                <td>2000</td>
            </tr>
            <tr>
                <td>VELI</td>
                <td>CAN</td>
                <td>3000</td>
            </tr>
            <tr>
                <td>AYSE</td>
                <td>BIRDAL</td>
                <td>2400</td>
            </tr>
            <tr>
                <td>BERNA</td>
                <td>SEN</td>
                <td>1500</td>
            </tr>
        </table>
        
    </body>
</html>

Bu yazıya yorum yapılmamış.

YORUMUNUZU YAPIN!