<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
<title>Cascading Style Sheets</title>
<style type="text/css">
.button { border: 2px  inset #CCCCCC;
          width: 100 px;
          color: #FFFFFF;
          padding: 3px 15px;          
          background-color: #006600;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
} 

a.button:link { color: #FFFFFF; }
a.button:visited { color: #CCCCCC; }
a.button:hover { color: #66CC33;
                  border: 2px outset #CCCCCC;
}
</style>

</head>


<body>
<center>
<h2>CSS Buttons</h2>
<a href="index.html" class="button">Home</a>
<a href="resume.html" class="button">Resume</a>
<a href="portfolio.html" class="button">Portfolio</a>
<a href="profile.html" class="button">Profile</a>
<a href="contact.html" class="button">Contact</a>

<br />
<br />
<br />
<br />

<table border="0" cellpadding="5">
<tr>
<td>
  <table border="5" style="border-style:dotted">
  <tr>
  <td>Dotted</td>
  </tr>
  </table>
</td>

<td>
  <table border="5" style="border-style:solid">
  <tr>
  <td>Solid</td>
  </tr>
  </table>
</td>

<td>
  <table border="5" style="border-style:dashed">
  <tr>
  <td>Dashed</td>
  </tr>
  </table>
</td>

<td>
  <table border="5" style="border-style:double">
  <tr>
  <td>Double</td>
  </tr>
  </table>
</td>
</tr>



<tr>

<td>
  <table border="5" style="border-style:grove">
  <tr>
  <td>Grove</td>
  </tr>
  </table>
</td>


<td>
  <table border="5" style="border-style:ridge">
  <tr>
  <td>Ridge</td>
  </tr>
  </table>
</td>

<td>
  <table border="5" style="border-style:outset">
  <tr>
  <td>Outset</td>
  </tr>
  </table>
</td>

<td>
  <table border="5" style="border-style:inset">
  <tr>
  <td>Inset</td>
  </tr>
  </table>
</td>

</tr>
</table>
</center>


</body>
</html>