logo Home Color Chart Chat HTML Editor E mail Google
HTML
  Body
  Tables
  Marquee
  Lists
  Links
  Video
  Audio
  Text
  Forms
  Frames
  Buttons
CSS
  Body
  Tables
  Divs
  Links
  Video
  Float
  Text
  Navigation
  DropDown
  Buttons
chinito

CSS Links



CSS Link Hover Click
<DOCTYPE html>
<html>

<head>

<style>

a:link{
                 color:aqua;
                 background-color:red;
                 text-shadow: 3px 2px gold;
                 font-family: Arial;
                 text-decoration:none;
                 padding: 10px 10px;
                 text-align: center;
}
a:hover {
                 color:#ff0000;
                 background-color:blue;
                 text-decoration:underline;
}

</style>

</head>

<body>

<a href="http://www.partyhtml.com/" target="_blank">PartyHTML</a>


</body>

</html>
H1 CSS Transition Click
<DOCTYPE html>
<html>

<head>

<style>

td.a {
                   border: 1px solid black;
                   border-radius: 6px;
                   background-color: black;
}

h1 {
                   display: block;
                   font-size: 15px;
                   margin-top: 0;
                   margin-bottom: 0;
                   margin-left: 0;
                   color: white;
                   margin-right: 0;
                   font-family: arial; }

</style>

</head>

<body>

<table border="0" cellspacing="10">
<tr>
<td width="100px" align="center" class="a">
<a href="http://www.partyhtml.com"><h1>PartyHtml</h1></a>
<td width="100px" align="center" class="a">
<a href="http://www.google.com"><h1>Google</h1></a>
<td width="100px" align="center" class="a">
<a href="http://www.facebook.com"><h1>Facebook</h1></a>
<td width="100px" align="center" class="a">
<a href="http://www.youtube.com"><h1>Youtube</h1></a> </td>
</tr>
</table>


</body>

</html>