Source Code For PHhilip's Solution to the CSS Button Exercise

Computer Programming School - Web School

Da Clock and Date Stuff

Page last modified: 30 June 2008

Source Code For Philip's Ultra Abbreviated Solution to the CSS Buttons Exercise

<HTML>
<BODY>
<STYLE> 
.button {
margin-top:3px;
BORDER:1px solid;
BORDER-BOTTOM: 3px solid;
BORDER-RIGHT: 3px solid;
BORDER-COLOR: #000000;
WIDTH: 100px;
text-decoration: none;
color: #FFFFFF;
BACKGROUND-COLOR: #0080FF;
}

.button:hover {
BORDER-BOTTOM: 1px solid;
BORDER-RIGHT: 1px solid;
BORDER-TOP: 3px solid;
BORDER-LEFT: 3px solid;
BACKGROUND-COLOR: #006bd7;
</STYLE>
<a href="." class=button><CENTER>Home</CENTER></A><br/>
<a href="." class=button><CENTER>About Us</CENTER></A><br/>
<a href="." class=button><CENTER>People</CENTER></A><br/>
<a href="." class=button><CENTER>Contact Us</CENTER></A><br/>
<a href="." class=button><CENTER>Goodbye</CENTER></A><br/>
</BODY>
</HTML>