Border w CSS.

Question

Witam :)

Chciałbym się dowiedzieć w jaki sposób można by było zrobić taki oto border w CSS. Konkretnie chodzi mi o te "przerwy" na narożnikach. Jeśli się w ogóle da takie coś zrobić to byłbym wdzięczny za pomoc.
POZDRAWIAM! :)

 

Answer 1

Chyba najlepszym i najskuteczniejszym sposobem będzie skorzystanie z pseudoklas ::after i ::before.

Answer 2

ja odpowiem obrazkiem ;p

Answer 3

Wydaje mi się, że to są  3 osobne odcinki, czyli robisz div'a jednego z lewej i wypełniasz go kolorem, drugiego z prawej, i trzeciego na górze. Oczywiście z właściwością:  margin.

Answer 4

Witam! Według mnie można zastosować border-image z odpowiednim plikiem .png. Dziś już nie dam rady ale jutro może uda mi się zrobić taki obrazek podstawowy. Pozdrawiam

Dopiero dziś mi się udało. Poniżej obrazek.

Pozdrawiam