-1

Estou começando a estudar para me tornar front-end, e estou dando os primeiros passos, estou fazendo uma calculadora e dando um estilo pra ela mas não consigo fazer com que o botão 0 fique por tras da bora, alguém pode me ajudar?Calculadora

2 Respostas 2

0

Na verdade você não precisa colocar a borda atrás de nada, o que é preciso é fazer uma curva na borda inferior-esquerda do botão, para isto precisa utilizar CSS:

Este arredondaria todas as bordas:

border-radius: 30px

assim tambem arredondaria todas as bordas mas de forma diferente:

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

Assim que aplica em uma tag:

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

Continue seus estudos.

1
  • Muito Obrigado amigo ! consegui ! Commented 28/01/2021 às 20:25
-2

Ou você adiciona no CSS do botão: border-bottom-left-radius: 30px; ou você dá overflow:hidden na div da calculadora, assim o botão não vai ficar por cima.

1
  • Obrigado amigo ! consegui ! Commented 28/01/2021 às 20:24

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .