12 ноября 2016

Красивые рамки с тенью и разрывом для картинки или текста


 текст
.
   HTML код рамки прямоугольной:

   <center><fieldset style="width:500px;border:3px solid #5c6a00;padding:20px; border-radius:УГОЛpx;box-shadow: 0px 0px 20px #000000;"><br /><legend align="left"><img src="http://...ССЫЛКА НА КАРТИНКУ.jpg" /></legend> текст</fieldset></center>
.

   Можем изменить ширину рамки (500px), ширину бордюра (выделено в коде красным цветом),цвет бордюра (выделено зеленым цветом), размер тени (выделено жирным шрифтом), местоположение картинки (слева - left, справа - right, по центру - center) и т.д.
.
  Содержание рамки
 .
HTML код овальной рамки:

<center><fieldset style="width:500px;border:4px solid #5c6a00;padding:20px; border-radius:34px;box-shadow: 0px 0px 20px #5c6a00;"><br /><legend align="center"><img src="ССЫЛКА НА КАРТИНКУ" /></legend>Содержимое рамки</fieldset></center>
.
.
   Описание то же, что и у прямоугольной рамки, плюс овальный угол, показатель которого тоже можно изменить (выделено в коде синим цветом). Если в коде удалить слова "ссылка на картинку" , рамка будет без разрыва.
.


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

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

Related Posts Plugin for WordPress, Blogger...