Как сделать рамку без 2ух углов?

Question

[antonio0226]

Привет всем. Собственно как сделать такую рамку? Спасибо заранее.
Мои наработки, но не совсем то что нужно, точнее вообще не очень получилось.

.information__top__border{
	position: absolute;
	height: 1px;
	width: 86%;
	top:2%;
	background: #cca876;
}
.information__left__border{
	position: absolute;
	height: 86%;
	width: 1px;
	left: 2%;
	background: #cca876;
}
.information__right__border{
	position: absolute;
	height: 86%;
	width: 1px;
	right: 2%;
	background: #cca876;
}
.information__bottom__border{
	position: absolute;
	height: 1px;
	width: 86%;
	bottom: 2%;
	background: #cca876;
}

<div class="information__text">
						<div class="information__top__border"></div>
						<div class="information__bottom__border"></div>
						<div class="information__right__border"></div>
						<div class="information__left__border"></div>
						<div class="information__img__1"></div>
						<div class="information__caption">Текст</div>
						<div class="information__desc">Текст</div>
					</div>

Answer 1

[Олег]

Просто с помощью псевдо https://jsfiddle.net/715y4auf/1/

Answer 2

[tyzberd]

делаете рамку обычным border и через :before и :after с position: absolute два блока которые перекрывают рамку

Comments

[apexlf]

Тогда в данном случае не получится закруглений которые сейчас имеются на картинке.
Либо их придется делать картинками, что не есть хорошо, тут svg как вариант можно.

[Иван]

apexlf, А какие закругления вам нужны?

[apexlf]

Иван, Вот тут можно заметить закругления о которых я упоминал

[tyzberd]

https://jsfiddle.net/tyzberd/00z0z1b5/5/

Answer 3

[SevSergei]

через border-image, но не работает в ie10-. Зато адаптив будет поддерживаться

Answer 4

[Exploding]

А можно просто две тени фигануть:)