How do I change the border-radius of the top only? but not the bottom (CSS) (FIXED)

HTML

<h1 id="wrap">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at sollicitudin felis.</h1>

Here is my CSS

#wrap {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	overflow: hidden;
  background-color: black;
  height: 190px;
  border-radius: 20px;
}

Change the border-radius property’s value accordingly. The shorthand you have is the same for all corners.

This property is a shorthand for the following CSS properties:

https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

4 Likes

Thanks it worked