button-styles-2/index.css at main · htmlhack/button-styles-2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
body {
      background-color : black;
}

a {
      background-color : black;
      color : red;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 55px;
      text-align: center;
      border-radius: 40px;
      width: 15%;
      height: 6%;
      border-style: solid;
      border-width: 5px;
      }

a:hover {
            color: white;
            background-color: black;
            }

.btn1 {
      position: absolute;
      margin-top: 5%;
      margin-left: 40%;
      }

.btn2 {
      position: absolute;
      margin-top: 10%;
      margin-left: 40%;
      }

.btn3 {
      position: absolute;
      margin-top: 15%;
      margin-left: 40%;
      }

.btn4 {
      position: absolute;
      margin-top: 20%;
      margin-left: 40%;
      }

.btn5 {
      position: absolute;
      margin-top: 25%;
      margin-left: 40%;
      }

.btn1:hover {
            color: white;
}

.btn2:hover {
            color: cyan;
}

.btn3:hover {
            color: lime;
}

.btn4:hover {
            color: yellow;
}

.btn5:hover {
            color: orange;
}