HTML/a.html at master · Ashvin0740/HTML · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Button in html</title>
    <style>
        .contanor{
            border: 2px solid black;

            background-color: rgb(223, 245, 201);
            padding: 34px;
            margin: 34px auto;
            width: 666px;

        }
        a{
            border: 2px solid  blue;
            color:black;
        }
        a:hover{
            color: rgb(5, 0, 0);
            background-color: rgb(195, 252, 157);
        }
        a:active{
            background-color:rgb(226, 226, 250);
        }
        .btn{
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: bold;
            background-color: crimson;
            padding:6px;
            border: none;
            cursor:pointer;
            font-size: 13px;
            border-radius: 4px;
        }
        .btn:hover{
            color:darkgoldenrod;
            background-color:rgb(223, 245, 201);
            border: 2px solid black;
        }
    </style>
</head>

<body>
    <div class="contanor" id="link">
        <h3> This is my link to visit it </h3>
        <p class="ash">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sapiente error rerum tenetur, eveniet
            quia nam repellendus consequuntur fugit optio hic ut? Cumque molestiae nisi doloremque nulla consectetur,
            vero quas provident rerum possimus exercitationem corporis?
        </p>
        <a href="http://google.com" class="btn"> read more..... </a>
        <button class="btn"> reset </button>
    </div>


</body>

</html>