Оформление текста в красивые рамочки

Рамки для текста с возможностью изменить фон, ширину и высоту

 В этой статье предлагаю Вам коды различных рамочек для оформления текста. 

В коды этих рамок я добавила фон-background:,  height:-высоту рамки и  width:-ширину рамки. Можете копировать и настраивать, как Вам необходимо.

В кодах этих рамочек Вы сможете изменить только цвет фона, ширина рамки на всю страницу

 

<div style="background: #f8f8ff; border-width: thick; border: 10px double #03b4cc; height: 250px; padding: 4px; width: 350px;">

ваш текст.</div>

<div style="background: #f8f8ff; border: 10px outset #03b4cc; height: 200px; padding: 10px; width: 350px;">

ваш текст.</div>

<div style="background: #134f5c; border: 10px groove #047AFE; height: 240px; padding: 10px; width: 200px;"></div>

<div style="background: #eeeeee; border: 5px dotted #CDCDCD; height: 200px; padding: 10px; width: 250px;">
</div>

<div style="background: #F8F8FF; border: 3px dashed #CDCDCD;  height: 240px; padding: 10px;width: 200px;">
ваш текст.< / div>

<div style="background: #FFFACD;border: 10px ridge #FFFACD; height: 200px;  padding: 10px;width: 300px;">
ваш текст.</div>

<div style="background: #FFDEAD; border: 10px inset #ff9900; height: 220px; padding: 10px;width: 300px;">
ваш текст.</div>