Как сделать border?

Question

[yanis_kondakov]

Привет. не могу сделать внешнюю границу у элемента

codepen.io/anon/pen/KNPJgM

Comments

[HamSter]

продублировать данную фигуру с размера на пару пикселей больше и поставить ее под основную с фоном - цвет необходимого бордера.

[yanis_kondakov]

HamSter: спасибо. Буду думать. В данный появляются непонятные просветы. codepen.io/anon/pen/KNPJgM

[yanis_kondakov]

Все, разобрался, нужно было поиграться с z-index

[HamSter]

yanis_kondakov: codepen.io/semenchenko/pen/xRKMBQ?editors=0100

[yanis_kondakov]

HamSter: wow! Обязательно надо будет разобрать по полочкам этот пример) А не подскажете на какие свойства обратить внимание, чтобы можно было вставлять картинку?

[HamSter]

yanis_kondakov: А для картинки такие примеры не подойдут. Для картинок смотрите вот такие примеры: codepen.io/dmac37/pen/cfArp?editors=1100 , codepen.io/joshhowenstine/pen/yLqgb , codepen.io/tstoik/pen/qZEZJp , CLIP-PATH codepen.io/paawel/pen/EyargQ?editors=1100

[yanis_kondakov]

HamSter: спасибо, очень помогли!

Answer 1

[Андрей Федоров]

Посмотрите тут:
codepen.io/aliencash/pen/VmZRpL

Answer 2

[Morerion]

Примерно что-то типо этого:

<div class="hex" style="border-right: 2px solid black; border-left: 2px solid black;">   
  <a href="#"></a>    
  <div class="corner-1" style='border-right: 3px solid black; border-left: 2px solid black;'></div>
  <div class="corner-2" style='border-right: 3px solid black; border-left: 2px solid black;'></div>    
</div>

Comments

[yanis_kondakov]

Да, так первым делом попробовал, не получилось. Границы не отображаются адекватно.