AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Псевдокласс :empty

Дежурства01.1202.1203.1204.1205.1206.1207.12
Васин
Иванов
Петров
Сидоров


Исходный код этого примера:

<style>
    table {
        margin: 0 auto;
    }
    th,
    td {
        border-collapse: collapse;
        border: 1px solid #000;
        padding: 3px 10px;
    }
    td:empty {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
    }
</style>
<table>
    <tr>
        <th>Дежурства</th><th>01.12</th><th>02.12</th><th>03.12</th><th>04.12</th><th>05.12</th><th>06.12</th><th>07.12</th>
    </tr>
    <tr><td>Васин</td><td></td><td> </td><td> </td><td> </td><td></td><td> </td><td> </td></tr>
    <tr><td>Иванов</td><td> </td><td></td><td> </td><td> </td><td> </td><td></td><td> </td></tr>
    <tr><td>Петров</td><td> </td><td> </td><td></td><td> </td><td> </td><td> </td><td></td></tr>
    <tr><td>Сидоров</td><td> </td><td> </td><td> </td><td></td><td> </td><td> </td><td> </td></tr>
</table>




.

© Copyright 2008-2018 by KDG



Rambler's Top100