A Simple Menu With CSS Beautification

<html>
<head>
<style type="text/css">
body {
font-size: 12px;
font-family: arial;
}
a {
margin-top: 1px;
display:block;
line-height: 25px;
border-left: solid 10px #DDDDDD;
text-decoration: none;
padding-left: 11px;
background-color: #EEEEEE;
}
a:link {}
a:visited {}
a:hover {
padding-left: 12px;
border-left: solid 10px green;
border-bottom: 1px #333333;
background-color: #CCCCCC;
color: blue;
}
a:active {}

</style>
</head>
<body>
<div style="margin: 50px 0 0 10px; width: 220px;">
<div><a href="../saps.php">visitors, click here</a></div>
<div><a href="cms/">admin, proceed to saps</a></div>
</div>
</body>
</html>

About Raymond

I'm a Christian web developer from the Philippines. Sometimes I write also.
This entry was posted in CSS and tagged , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>