How to make rounded corners in css?

Question

css

Thank you!

Answer 1

For example, something like this https://jsfiddle.net/m06bkpdy/
Or svg
Or border-image
Or even combine with the picture, but you need to look at the layout.
ps it's better to place the gradient like this in
order not to calculate the dimensions for the middle stripe.