Cute As A Button es-419 Explainer

Explicador de Lindo como un botón

Objetivo de este acertijo: Usar CSS para cambiar el estilo de todos los botones en una página web.

Tutorial de la solución:
En CSS, puedes usar un conjunto de reglas para definir el estilo de todos los elementos que comparten un nombre de etiqueta. Por ejemplo, el código de abajo selecciona todos los elementos h1 en la página web y define todos sus colores como rojo:

h1 {
  color:red;
}

En este acertijo, agregarás color y esquinas redondeadas a todos los botones en una página web.

Para completar el acertijo, dentro de CSS, agrega un nuevo conjunto de reglas con button como su selector. Luego, define sucolor como rgb(255,250,250), su background-color como rgb(188,143,143) y su border-radius como 10px.

Solución del código de ejemplo:
(Pulsa a continuación 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;
}

Conceptos de CSS: selectores CSS, conjunto de reglas, reglas, height, width, color, background-color, border-radius