Многоугольник с рамкой

[Aleksandr.L]

Всем привет.

 

Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/

Edited December 20, 2013 by Aleksandr.L

[nerv]

использовать svg http://jsfiddle.net/2knMx/5/

[Aleksandr.L]

То есть, чистым CSS'ом никак?

[sigma77]

http://jsfiddle.net/Hr9Ht/

[Aleksandr.L]

http://jsfiddle.net/Hr9Ht/

 

Спасибо!