Собственно есть рамка в фотошопе, но как сверстать - не знаю. Получается криво.. Делал через border-image
1 ответ
Как вариант, на основе jsfiddle #1, jsfiddle #2
display: inline-block
для срабатывания верхнего margin
без этого он схлопывается и эффекта бордера не будет.
.outside {
background-color: transparent;
background-size: 14px 14px;
background-image: repeating-linear-gradient(-45deg, black, black 5px, transparent 5px, transparent 10px);
height: 100px;
width: 200px;
}
.inside {
background: white;
margin: 10px;
height: 80px;
display: inline-block;
width: 180px;
}
<div class="outside">
<div class="inside"></div>
</div>