19 октября 2015 г.

HTML код цветной рамки на основе обычной таблицы

   
   Это скромная рамочка для размещения в ней любого содержания. Создается она на основе обычной таблицы. На "Blogger" в редакторе создания сообщений отсутствует функция создания таблицы, поэтому можно использовать любые возможности, например, ЭТОТ ГЕНЕРАТОР ТАБЛИЦ  или какой-либо онлайн редактор.
  
    Создаю вот такую цветную рамку из таблицы в 2 ячейки (1 колонка, 2 строчки).
    HTML код такой таблицы:

Содержание 1-й ячейки
Содержание 2-й ячейки

<center>
<table border="1" cellpadding="10" cellspacing="20" style="background-color: rgb(153, 153, 255); width: 600px;">
    <tbody style="">
        <tr style="">
            <td style="text-align: center;">Содержание 1-й ячейки</td>
        </tr>
        <tr style="">
            <td style="text-align: center;">Содержание 2-й ячейки</td>
        </tr>
    </tbody>
</table></center>
 
   Цифровые значения и цвет фона можно изменять:
- cellpadding="10" - внутренний отступ от стенок ячеек;
- cellspacing="20" - внешний отступ (толщина рамочки по периметру ячеек);
- width: 600px - ширина рамки;
- background-color: rgb(153, 153, 255) - фон-цвет: RGB(153, 153, 255).

     Если цифровые значения проставить "0", не будут видны границы.

   Можно вставить любой контент (содержание) с одной оговоркой.  HTML коды вставляются в HTML редакторе при создании страницы (поста, сообщения).
   Теги <center>  и  </center>  выравнивают таблицу по центру
   Регулируя ширину рамки, можно установить ее строго по размеру содержимого (особенно, если  это  видео, слайд-шоу или картинка).

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

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