Skip to content

Commit 5ede643

Browse files
authored
Update README.es.md
1 parent 25dd6b6 commit 5ede643

File tree

1 file changed

+8
-10
lines changed

1 file changed

+8
-10
lines changed
Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,25 @@
1-
# `13` Enlace (anchor) como botón:
1+
# `13` Enlace (anchor) como botón
22

3-
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.
44

55
## 📝 Instrucciones:
66

7-
Siga estos pasos para que tu enlace (`anchor`) se vea así:
7+
Sigue estos pasos para que tu enlace (`anchor`) se vea así:
88

99
1. Haz que se vea como una caja: establece el `padding` en `10px`.
1010

1111
2. Bordes redondeados: establece el `border-radius` en `4px`.
1212

1313
3. El `background` debe ser de color `orange`, y cuando el ratón esté sobre el botón (`:hover`), el `background` debe ser `darkorange`
1414

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`.
1616

17-
5. Eliminar subrayado: establece `text-decoration` a `none`.
17+
5. Establece el color del texto a blanco (`white`)
1818

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*
2020

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`.
2222

23-
7. Dentro del selector `:hover` cambia el fondo del botón a `#cc7a00`.
24-
25-
## Reultado esperado:
23+
## Resultado esperado:
2624

2725
![Example Image](../../.learn/assets/13-1.gif?raw=true)

0 commit comments

Comments
 (0)