<!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>