File tree Expand file tree Collapse file tree 2 files changed +23
-4
lines changed
.learn/resets/13-Anchor-Like-Button
exercises/13-Anchor-Like-Button Expand file tree Collapse file tree 2 files changed +23
-4
lines changed Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 " />
5
+ < meta name ="viewport " content ="width=device-width " />
6
+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7
+ < title > 13 Anchor Like Button</ title >
8
+ </ head >
9
+ < body >
10
+ < a href ="# " class ="orange-btn "> Beautiful Button</ a >
11
+ </ body >
12
+ </ html >
Original file line number Diff line number Diff line change 1
1
.orange-btn {
2
2
display : inline-block;
3
- /* your code below */
4
-
3
+ padding : 10px ;
4
+ border-radius : 4px ;
5
+ background : orange;
6
+ text-decoration : none;
7
+ color : white;
5
8
}
6
9
7
10
.orange-btn : hover {
8
- /* YOUR CODE HERE FOR THE HOVER STATE */
9
-
11
+ display : inline-block;
12
+ padding : 10px ;
13
+ border-radius : 4px ;
14
+ background : darkorange;
15
+ text-decoration : none;
16
+ color : white;
10
17
}
You can’t perform that action at this time.
0 commit comments