26 марта 2018

HTML код рамки красной с планкой вверху




HTML код красной рамки:


<div style="background: url(http://i020.radikal.ru/0909/c5/f69c285bb6a4.png); border-style: ridge; color: #8b1a1a; padding: 8px;">
<div style="border-style: ridge; color: red; padding: 8px;">
<div style="color: black; padding: 4px; text-align: center;">
<span style="font-size: 20px;">Текст (содержимое)</span></div>
</div>
<div style="text-align: center;">
<span style="font-size: 20px;"><span style="color: black;">Текст (содержимое)</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div style="text-align: center;">
<br /></div>
</div>
</div>

   Рамка устанавливается такой ширины по умолчанию. Для уменьшения ширины, как вариант, нужно разместить рамку в таблице (точнее - ячейке). Т.е. сначала записываем в HTML редакторе  код ячейки, затем - код рамки.  Картинку фона можно заменить (http://...). Изменяя разные значения кода, будем получать рамки другого вида.

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

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

Related Posts Plugin for WordPress, Blogger...