|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-stirct.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pixy Rollover</title>
<style type="text/css">
body {
font-size: 1.4em;
}
a:link, a:visited {
display: block;
width: 200px;
height: 40px;
line-height: 40px;
color: #000;
text-decoration: none;
background: #94B8E9 url(images/button.gif) no-repeat left top;
text-indent: 50px;
}
a:hover {
background: #369 url(images/button-over.gif) no-repeat left top;
color: #fff;
}
</style>
</head>
<body>
<p><a href="#">Button</a></p>
</body>
</html>
|