Bagaimana untuk menambah fungsi hiperpautan menggunakan html dan css
Saya mempunyai beberapa kod HTML yang mengandungi beberapa css dan saya mahu butang itu benar-benar berfungsi seperti hiperpautan, saya menekannya dan ia membawa saya ke fail atau url tertentu, saya telah cuba menggunakan hiperpautan sebenar tetapi ia kelihatan hodoh dan hanya boleh diklik pada hiperpautan, saya cuba menambah butang hiperpautan lalai HTML tetapi ia tidak boleh diwarnakan.
Kod adalah seperti berikut:
<html>
<body style="background-color:rgb(48, 45, 45)">
<font color="white">
<font color="#4CAF50">
<head>
<style>
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button1 {background-color: #4CAF50;}
.button2 {background-color: #008CBA;}
</style>
</head>
<body>
<button class="button button1">Green</button>
<button class="button button2">Blue</button>
</body>
