Как средствами CSS оформить стильную рамку для контактной формы в стиле почтовой карточки.

Для расчёта стоимости услуг вам достаточно заполнить онлайн-форму

Код HTML:

<div class="post-form">
<div class="post-form-content">
Для расчёта стоимости услуг вам достаточно заполнить онлайн-форму
</div>
</div> 

Код CSS:

/* почтовая рамка */

.post-form {
     background: repeating-linear-gradient(-45deg, #337ab7, #337ab7 10px, #fff 10px, #fff 20px, #bd0a13 20px, #bd0a13 30px, #fff 30px, #fff 40px), #fff;
     padding: 5px
 }

.post-form-content {
     background: #fff;
     padding: 25px;
     font-weight: bold;
     color: #337ab7 ;
     text-align: center
 }

0 комментариев

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *