Как сдвинуть border на определенное расстояние?

Question

[webhero]

Может быть вопрос прозвучал нубовски, но я реально с таким не сталкивался еще.
Нужно еще один контейнер, чтобы бордер его обтекал или как то еще есть способы?

На кртинке цветом показал где должны быть бордеры

Answer 1

[Александр]

Все можно решить c помощью padding:
https://jsfiddle.net/r5hkjeLs/

Answer 2

[Lara B]

такое лучше через псевдоэлемент. Основной Ваш див , например

.block {
position: relative;
width: 200px;
height:300px;
background-color: #fff;
}

.block::before {
content: "";
z-index: 1;
position: absolute;
width:180px;
height: 280px;
top: 10px;
left: 10px;
border: 2px solid blue; }
Только имейте ввиду, что все, что внутри основного блока надо будет тоже поместить в отдельный див и так же абсолютно позиционировать с z-индексом 2

Answer 3

[iminby]

Обернуть в div и дать padding...Зачем тут псевдоэлементы