Готовые рамки для оформления текста

---

Здравствуйте! В этом посте предлагаю Вашему вниманию коды готовых рамок с фоном и картинками

Здесь для Вас готовые рамки для оформления текста.  Кто желает, копируйте код и пользуйтесь. Вы можете изменять размеры, цвет фона и окантовки рамки по своему усмотрению.

<div style="border:2px solid #ff9900; background:#ffe599; pagging:15 px; border-radius:9px;font-size:12px;font-family:Arial;">Ваш текст</div>

<div style="border:5px solid #044f4e; background:#0a9e08; pagging:15 px; border-radius:0px;font-size:12px;font-family:Arial;">Ваш текст</div>

<div style="border:3px solid #cccccc; background:#eeeeee; pagging:15 px; border-radius:0px;font-size:12px;font-family:Arial;">Ваш текст</div>

<div style="border:4px solid #474747; background:#636363; pagging:15 px; border-radius:5px;font-size:12px;font-family:Arial;">Ваш текст</div>

<div style="border:3px solid #CDCDCD; background:#Dedede; pagging:15 px; border-radius:29px;font-size:12px;font-family:Arial;">Ваш текст</div>

<div style="width:500px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#9b089e"> Ваш текст </div> 

<div style="border:4px solid #D4D4D4; background:#BDBDBD; pagging:15 px; border-radius:4px;font-size:12px;font-family:Arial;">Ваш текст</div>

Ваш текст
код этой рамки внизу

<div style="background: #f8f8ff; border-color: #03b4cc; border-radius: 24px; border-style: groove; border-width: thick; height: 70px; padding: 4px; width: 500px;">Ваш текст</div>

<div style="background: #f8f8ff; border-color: #006400; border-style: groove; border-width: thick; height: 60px; padding: 4px; width: 500px;">Ваш текст</div>

<div style="background: #f8f8ff; border-color: #5c3317; border-radius: 24px; border-style: groove; border-width: thick; height: 70px; padding: 4px; width: 500px;">
Ваш текст</div>

ВАШ ТЕКСТ

<p> <center> <div style="border:10px #8C706B solid;background-color:#E0D1C6;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;clear:both;width:93.4%;overflow:hidden;max-width:2222px;min-width:333px;min-height:33px;padding:10px 0 10px 1%;margin:0 0 20px 0.5%;"> <a style="color:#000000;text-decoration:none;"><b>ВАШ ТЕКСТ</b><div style="width:93%;padding:0 11px 0 11px;margin:0 0 0 1.3%;"> </div> <a title="" href=""><img src="https://img-fotki.yandex.ru/get/4506/mangiana.a0/0_4b309_82ef6c74_XS.jpg" alt="" width="3" align="right"/></a></div> </div> </center> </p>

Для настройки цвета Вы можете воспользоваться таблицей цвета. Цветов там каких хочешь, глаза разбегаются, копируйте шестизначные коды. Перейдите по этой ссылке.

Так же можно почитать еще статьи:  Оформление текста в красивые рамочки; Стильные рамки со свечением цвета и изображением; У меня все. Желаю Вам творческих успехов! До свидания.

Рекомендуемый контент: