Can anyone tell me how to make non-rectangular header in html .? Like make circular or curved header.

Answer 1

Use CSS
clip-path()
function to give a particular shape to the header.

header{
height: 65vh;
background-color: rgb(37, 142, 8);
clip-path:
polygon(0 0, 100% 0, 100% 50vh,
80% 60vh, 60% 50vh, 40% 60vh,
20% 50vh, 0 60vh);
border-radius: 10em;
}

Answer 2

🤖Web Gig🤖
Vats [ DEV ]

Answer 3

Please describe more like you want to make a navigation menu or something else.
You can use clip-path to give a shape to your header. Shubham Kumar see this -
https://code.sololearn.com/WKxdmNHqbB2v/?ref=app

Answer 4

JaScript thanks a lot
And can you please also tell me that how to bring text in center of header.

Answer 5

Shubham Kumar Check out the code you will get that thing also. Use this-
header{
text-align:center;
}

Answer 6

text-align: center;

Answer 7

Thanks to both
JaScript and Vats [ DEV ]