20 января 2015 г.

Простые рамки-фоны для текста и другого содержимого

 
1.
содержимое рамки

HTML-код рамки:

<div style="background: url(прямая ссылка на картинку); border-style: ridge; color:#8B1A1A;padding:8px;"> <div style="background: url(прямая ссылка на картинку); border-style: ridge; color:#FF0000;padding:8px;"> <div style="text-align:center; font: Arial; font-style: italic; color:#000000; font-size: 16px; padding: 2px;">содержимое рамки </div></div></div>


Красный цвет: код внешней рамки; синий цвет: код внутренней рамки; черный цвет: значения текста; зеленый цвет: закрывающие теги.

Чтобы рамка разместилась по центру, нужно HTML-код дополнить тегами :
<center>между ними записываем HTML-код рамки </center>
Цифровые значения, значения "color" (цвет)  можно изменять.



В нижеприведенных HTML-кодах заменяем адреса картинок, цифровые значения и получаем свою рамку.
2.
содержимое рамки


3.
содержимое рамки
л


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

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

Related Posts Plugin for WordPress, Blogger...