07 ноября 2016

HTML код рамки с отделкой



  HTML-код рамки:

<table border="0" cellpadding="0" cellspacing="0" style="width: 342px;">
    <tbody>
        <tr>
            <td style="background-color: rgb(255, 51, 51);"><img alt="" src="ПРЯМАЯ ССЫЛКА НА РИСУНОК-ОТДЕЛКУ ВВЕРХУ РАМКИ" style="border-width: 0px; border-style: solid; width: 342px; height: 55px;" /></td>
        </tr>
        <tr>
            <td style="background-color: rgb(255, 51, 51);">
            <table border="0" cellpadding="0" cellspacing="0" style="width: 342px;">
                <tbody>
                    <tr>
                        <td style="text-align: center;">
                        <p>СОДЕРЖИМОЕ РАМКИ</p>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td><img alt="" src="ПРЯМАЯ ССЫЛКА НА РИСУНОК-ОТДЕЛКУ ВНИЗУ РАМКИ" style="border-width: 0px; border-style: solid; width: 342px; height: 49px;" /></td>
        </tr>
    </tbody>
</table>


   Цифровые значения в коде, цвет (color) рамки можно изменять. Рамка растягивается вниз по длине содержимого, например, по мере набивания текста.
   Также рамка растягивается вправо, но в этом случае следует подобрать длину рисунка-отделки вверху и внизу рамки соответственно ширине рамки (width: 342px - такова ширина в примере). Но если рисунок-отделка при растягивании не исказится (например, рисунок в полоску), нужно просто заменить значения отделки в коде (в примере: width: 342px).




Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...