CSS Create Link Box Example :
<!DOCTYPE html>
<html>
<head>
<title> kod4u </title>
<style type="text/css">
a:link, a:visited {
display:block;
color:#FFFFFF;
background-color:blue;
width:100px;
text-align:center;
padding:2px;
text-decoration:none;
}
a:hover,a:active {
background-color:lightblue;
}
</style>
</head>
<body>
<h1> Create Link Box Example </h1>
<p> Here we use link tag < a > and we Create Link Box in our web pages </p>
<a href="#" target="_blank">This is a link</a>
</body>
</html>
OUTPUT<html>
<head>
<title> kod4u </title>
<style type="text/css">
a:link, a:visited {
display:block;
color:#FFFFFF;
background-color:blue;
width:100px;
text-align:center;
padding:2px;
text-decoration:none;
}
a:hover,a:active {
background-color:lightblue;
}
</style>
</head>
<body>
<h1> Create Link Box Example </h1>
<p> Here we use link tag < a > and we Create Link Box in our web pages </p>
<a href="#" target="_blank">This is a link</a>
</body>
</html>
No comments:
Post a Comment