Есть ли способ создать собственную рамку в CSS? ⇐ CSS

[Anonymous]

Мне дали этот текстовый документ как ссылку на то, что они хотят превратить в приложение ReactJS (они не указали язык, но в конечном итоге это то, что я оба знал и было наиболее удобно). У меня нет проблем с выполнением всего, что они просили, за исключением одной конкретной вещи — рамки определенного стиля.
Это изображение — пример рамки, которую они ищут.


Я могу придумать, как сделать пунктирную границу и пунктирную, но ни одна не будет идти между одним и другим. Вот мой CSS-код:

Код: Выделить всё

.instructions {
border-style: dashed;
border-width: 2px;
margin-right: 100px;
box-sizing: border-box;
padding: 10px;
}

Вот как это выглядит при запуске:
[img]https://i.sstatic .net/Sg5Y6.jpg[/img]

Есть ли способ сделать собственные границы?

Подробнее здесь: https://stackoverflow.com/questions/697 ... der-in-css