लिंक को बटन की तरह स्टाइल करना
<a> टैग को display: inline-block, पैडिंग, बॉर्डर, और बैकग्राउंड देकर बटन की तरह बनाया जा सकता है। प्स्यूडो-क्लासेस (:hover, :active) से इंटरैक्टिव इफेक्ट्स जोड़े जाते हैं।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
a:link, a:visited {
background-color: white;
color: black;
border: 1px solid blue;
padding: 30px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
color: white;
}
</style>
</head>
<body>
<a href="demo.html" target="_blank">Demo Link</a>
</body>
</html>सुझाव: border-radius जोड़कर गोल कोने बनाएं, और transition से स्मूथ एनिमेशन दें।
