Advanced - Link Buttons Explain
This example demonstrates a more advanced example where we combine several CSS properties to display links as boxes/buttons.
Html Code:
<!DOCTYPE html>
<html>
<head>
<style>
a:link, a:visited {
background-color: white;
color: black;
border: 2px solid green;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: green;
color: white;
}
</style>
</head>
<body>
<a href="http://www.Daddyfile.com" target="_blank">This is a link</a>
</body>
</html>
Html Code Result:
Note: Copy This Code in Your Notepad Then See Result.
Note: Copy This Code in Your Notepad Then See Result.
Post a Comment