You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Los enlaces (`anchors`) no solo se usan dentro del texto: cuando va a usar enlaces (`anchors`) fuera del texto, es mejor hacer que se vean como botones para que sea experiencia más amigable.
3
+
Los enlaces (`anchors`) no solo se usan dentro del texto: cuando usas enlaces (`anchors`) fuera del texto, es mejor hacer que se vean como botones para que la experiencia sea más amigable.
4
4
5
5
## 📝 Instrucciones:
6
6
7
-
Siga estos pasos para que tu enlace (`anchor`) se vea así:
7
+
Sigue estos pasos para que tu enlace (`anchor`) se vea así:
8
8
9
9
1. Haz que se vea como una caja: establece el `padding` en `10px`.
10
10
11
11
2. Bordes redondeados: establece el `border-radius` en `4px`.
12
12
13
13
3. El `background` debe ser de color `orange`, y cuando el ratón esté sobre el botón (`:hover`), el `background` debe ser `darkorange`
14
14
15
-
4.Encuentra y aplica el color: usa el selector de `color` (color picker) para encontrar el color exacto y aplicárselo al `background`.
15
+
4.Eliminar subrayado: establece `text-decoration` a `none`.
16
16
17
-
5.Eliminar subrayado: establece `text-decoration` a `none`.
17
+
5.Establece el color del texto a blanco (`white`)
18
18
19
-
6. Establecer el color del texto en blanco (`white`)
19
+
+*Para que el botón se vea diferente cuando el usuario pasa el ratón por encima, usamos el selector `:hover`: https://www.w3schools.com/cssref/sel_hover.php*
20
20
21
-
*Para que el botón se vea diferente cuando el usuario pasa el mouse por encima, usamos el selector `:hover`: http://lmgtfy.com/?q=how+to+use+the+hover*
21
+
6. Dentro del selector `:hover` cambia el fondo del botón a `darkorange`.
22
22
23
-
7. Dentro del selector `:hover` cambia el fondo del botón a `#cc7a00`.
0 commit comments