Sunday, 1 December 2013

HOW TO CREATE LINK TILE USING CSS AND HTML


  1. It is simply a block of link 
  2. It has hover effect
  3. Hover effect changes the decoration(such as text,background,text size,etc) when mouse comes over text or link


  • HTML code is given by 


<html>
<head>
<style>
#tile
{
background-color:red;
padding:20px 90px;
text-decoration:none;

}
#tile:hover{

background-color:yellow;

}
</style>
</head>
<body>


<a href="http://engineeringtub.blogspot.in/" id="tile">Engineers</a>

</body>
</html>


Output :



No comments:

Post a Comment