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

Псевдокласс :only-child

НаименованиеКраткая характеристикаВремяЦена,
руб.
Вакуумно-роликовый массаж
Комплекс №1все тело45 мин.1500
Комплекс №2ноги, ягодицы30 мин.1000
Комплекс №3живот, бока, спина, руки35 мин.800
Комплекс №4живот, бока15 мин.500
Абонементы на курс массажа (10 сеансов)
Комплекс №1все тело45 мин.13000
Комплекс №2ноги, ягодицы30 мин.9000
Комплекс №3живот, бока, спина, руки35 мин.7000
Комплекс №4живот, бока15 мин.4500


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

<style>
    table {
        margin: 0 auto;
    }
    th,
    td {
        border-collapse: collapse;
        border: 1px solid #000;
        padding: 3px 10px;
    }
    tr:first-child {
        background-color: #eeeeee;
    }
    td:only-child {
        font-weight: bold;
        text-align: center;
        background-color: #ccc;
    }
    td:nth-child(3) {
        text-align: center;
    }
    td:nth-child(4) {
        text-align: right;
    }
</style>
<table>
    <tr>
        <th>Наименование<th>Краткая характеристика<th>Время<th>Цена,<br>руб.
    </tr>
    <tr>
        <td colspan="4">Вакуумно-роликовый массаж</td>
    </tr>
    <tr>
        <td>Комплекс №1</td><td>все тело</td><td>45 мин.</td><td>1500</td>
    </tr>
    <tr>
        <td>Комплекс №2</td><td>ноги, ягодицы</td><td>30 мин.</td><td>1000</td>
    </tr>
    <tr>
        <td>Комплекс №3</td><td>живот, бока, спина, руки</td><td>35 мин.</td><td>800</td>
    </tr>
    <tr>
        <td>Комплекс №4</td><td>живот, бока</td><td>15 мин.</td><td>500</td>
    </tr>
    <tr>
        <td colspan="4">Абонементы на курс массажа (10 сеансов)</td>
    </tr>
    <tr>
        <td>Комплекс №1</td><td>все тело</td><td>45 мин.</td><td>13000</td>
    </tr>
    <tr>
        <td>Комплекс №2</td><td>ноги, ягодицы</td><td>30 мин.</td><td>9000</td>
    </tr>
    <tr>
        <td>Комплекс №3</td><td>живот, бока, спина, руки</td><td>35 мин.</td><td>7000</td>
    </tr>
    <tr>
        <td>Комплекс №4</td><td>живот, бока</td><td>15 мин.</td><td>4500</td>
    </tr>
</table>



.

© Copyright 2008-2018 by KDG



Rambler's Top100