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