Прописываем в CSS
Code
.stitch-effect {
padding: 5px 10px;
margin: 2px;
background: #60a5f4;
border: 2px dashed #fff;
/* rounded borders of 5px in firefox */
-moz-border-radius:5px;
/* rounded borders of 5px in chrome and other browsers */
-webkit-border-radius:5px;
/* rounded borders of 5px in browsers that support css3 */
border-radius:5px;
/* shadows for different browsers */
-moz-box-shadow: 0 0 0 4px #60a5f4, 2px 1px 4px 4px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #60a5f4, 2px 1px 4px 4px rgba(10,10,0,.5);
box-shadow: 0 0 0 4px #60a5f4, 2px 1px 6px 4px rgba(10,10,0,.5);
height:100%;
width:150px;
}
Пописываем в том месте где будет рамка
Code
<div class="stitch-effect">Ваша информация</div>
Настройки:
Чтобы изменить размер рамки используйте эту чась кода
Code
height:100%;
width:150px;
Цвет так же можите заменить на любой
#60a5f4
