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

HTML & CSS
1

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;
}

https://codepen.io/Javscript/pen/YzpKNqZ?editors=1100

2

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
3

Thanks it worked

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.