-
Notifications
You must be signed in to change notification settings - Fork 0
/
product.html
45 lines (37 loc) · 908 Bytes
/
product.html
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
<HTML>
<HEAD>
<style>
body {
background-image: url("back.jpeg");
background-repeat:no-repeat;
background-size:cover;
}
</style>
<h1>GENRE:</h1>
<style>
.btn-group button {
background-color: #FFFFFF; /* White background */
border: 1px solid Black; /* Black border */
color: Black; /* Black vtext */
padding: 10px 24px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
width: 50%; /* Set a width if needed */
display: block; /* Make the buttons appear below each other */
}
.btn-group button:not(:last-child) {
border-bottom: none; /* Prevent double borders */
}
/* Add a background color on hover */
.btn-group button:hover {
background-color: #3e8e41;
}
</style>
<div class="btn-group">
<button>MARVEL</button>
<button>DC</button>
<button>HARRY POTTER</button>
<button>GAME OF THRONES</button>
<button>DEADPOOL</button>
</div>
</HEAD>
</HTML>