Cute As A Button pt-br Explainer

Explicação de Lindo como um botão

Objetivo deste desafio: Usar o CSS para mudar o estilo de todos os botões da página da Web.

Passo a passo da solução: No CSS, é possível usar um conjunto de regras para definir o estilo de todos os elementos que compartilham um nome de tag. Por exemplo, o código abaixo seleciona todos os elementos h1 na página da Web e define todas as suas cores como vermelho:

h1 {
  color:red;
}

Neste desafio, você adicionará cor e cantos arredondados a todos os botões da página da Web.

Para concluir o desafio, dentro do CSS, acrescente um novo conjunto de regras com button como seu seletor. Em seguida, defina sua color como rgb(255,250,250), seu background-color como rgb(188,143,143) e seu border-radius como 10px.

Solução do código de exemplo:

(Toque abaixo para revelar)

CSS

body {
    background-color: rgb(255, 250, 250);
}

button {
    color: rgb(255, 250, 250);
    background-color: rgb(188, 143, 143);
    border-radius: 10px;
}

img {
    height: auto;
    width: 175px;
}

Conceitos de CSS: Seletores de CSS, Conjunto de regras, Regras, height, width, color, background-color, border-radius