Как сверстать границы ?

Question

[Виталий Семьянчук]

Всем привет.
Есть задача, сверстать границу, ну немогу найти оптимального решения. Файл прилаживаю. Может кто сталкивался с такой задачей?

Comments

[Илья Лесных]

прилаживаю? *рукалицо*

Answer 1

[Maksim Zverev]

Вот один из вариантов решения.

PS: По ссылке просто пример возможной реализации, конечная реализация зависит от макета и окружения блока к которому надо применить данный эффект. На истину не претендую.
PPS: exmmo, madmages автор не совсем верно описал задание, однако оно понятно из приложенной картинки, не граница блока, а оформление углов блока.

Answer 2

[Юрий Лобанов]

codepen.io/iiil/pen/hdnmF
Вот накидал, строго говоря вариант подходит под ваше задание, только фон поправить на белый. Однако если предполагается использование неравномерного фона - то этот вариант не сработает.
Вариант полностью резиновый, тянется как по ширине, так и по высоте.

Comments

[Виталий Семьянчук]

огромное спасибо

Answer 3

[sasha]

div {
    border: 1px solid black
}

Comments

[Виталий Семьянчук]

всмысле?

Answer 4

[exmmo]

Что Вам конкретно необходимо?

Если нужно отображать границы блока, то:

css:

.example {
    border: 1px solid black;
}

html:

<div class="example">
    черная граница вокруг меня
</div>

Comments

[Виталий Семьянчук]

та нет я ж приложил файл, там треуголники по краям, вот мне нужно вокруг дива сделать их