Background image with a colored curved border at the bottom
问题 I am trying to achieve this with css3 , I tried using border-radius with percent values and it's not the same always, I always got a rounded corners and the border will start disappearing on the corners too. I want it to be exactly the same as the example image: EDIT: this is my html code : <div class='container-fluid'> <section class='section-1'> <div class='container'> </div> </section> And this is my css: .section-1 { background-image: url('../images/bg.png'); background-size: cover;