Is there anyway to create Hexagon using HTML and CSS?

Question

I try triangles, But I haven't idea how to create Hexagon.. Can anyone give some idea to help me for that?

Answer 1

Using svg but polyline ,I really can't understand the example Calvin provide,with path it looks extremely complicated lol

Answer 2

Here it is

https://code.sololearn.com/WiuA6UsulF8D/?ref=app

Answer 3

Use svg
https://code.sololearn.com/WlULY2LFIxjx/?ref=app

Answer 4

Why dont you create 3 div 1 rectangle 1 for top triangle and 1 one bottom triangle

Answer 5

You can fake it with gradient backgrounds.

http://cssdeck.com/labs/css-shapes-with-gradients

Answer 6

Abhay I used https://editor.method.ac to draw, and modified the svg code.

Answer 7

Thank you all