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
Copy file name to clipboardExpand all lines: exercises/13-Anchor-Like-Button/README.md
+7-9Lines changed: 7 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -1,24 +1,22 @@
1
1
# `13` Anchor Like Button
2
2
3
-
Anchors are not only used within text- when you are going to use anchors outside text, it is better to make them look like buttons for a more user-friendly experience.
3
+
Anchors are not only used within text: when you are going to use anchors outside text, it is better to make them look like buttons for a more user-friendly experience.
4
4
5
5
## 📝 Instructions:
6
6
7
-
1. Make it look like a box: Set`padding` to `10px`.
7
+
1. Make it look like a box: set`padding` to `10px`.
8
8
9
-
2. Rounded borders: Set`border-radius` to `4px`.
9
+
2. Rounded borders: set`border-radius` to `4px`.
10
10
11
11
3. The background should be `orange` when not hovered, and `darkorange` on hover (`:hover`).
12
12
13
-
4.Find and apply the color: Use the color picker to find the color and apply make the background to that color.
13
+
4.Remove underline: Set `text-decoration`to `none`.
14
14
15
-
5.Remove underline: Set `text-decoration` to `none`.
15
+
5.Set the color of the text to `white`.
16
16
17
-
6. Set the color of the text to `white`.
17
+
+*To make the button look different when the user hovers over with the mouse, we use the `:hover` selector: https://www.w3schools.com/cssref/sel_hover.php*
18
18
19
-
*To make the button look different when the user hovers over with the mouse, we use the `:hover` selector: https://www.w3schools.com/cssref/sel_hover.php*
20
-
21
-
7. Inside of the `:hover` selector change the background of the button to `#cc7a00`.
19
+
6. Inside of the `:hover` selector change the background of the button to `darkorange`.
0 commit comments