How to Edge Over a Button?

Question

I’m starting to study to become front-end, and I’m taking the first steps, I’m making a calculator and I’m giving it a style but I can’t get the 0 button behind the bora, someone can help me?

Answer 1

In fact you don’t need to put the edge behind anything, what you need is to make a curve on the bottom-left edge of the button, for this you need to use CSS:

This would round all edges:

border-radius: 30px

so also round all edges but differently:

border-top-left-radius: 20px;
border-top-right-radius: 10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 30px;

So apply on a tag:

<tag style="border-bottom-left-radius: 30px">...

Continue your studies.

Answer 2

Either you add in the CSS button: border-bottom-left-Radius: 30px; or you overflow:Hidden in the calculator div, so the button will not be on top.