CSS Template
This css template is saved as "styles.css". The actual web page is here: CSS Webpage Template
First we show the html code of the web page followed by the css style sheet code.
CSS Web Page Code
<html> <head> <title>CSS Webpage Template</title> </head> <body> <img src="logo.gif" alt="" border="0"> <div id="menu"> <a class="nav" href="http://www.urgentclick.com">Home</a> </div> <div id="content"> <!-- START OF CONTENT --> <h1>CSS Webpage Content</h1> <p>This is where the content of the css webpage goes.</p> <!-- END OF CONTENT --> </div> <div id="footer"> Copyright © 2006 </div> </body> </html>
CSS Style Sheet Template
body {
background: #ffffff;
font-family: verdana, arial;
font-size: 10pt;
scrollbar-arrow-color:#ff0000;
scrollbar-base-color:#000000
}
#menu {
float: left;
width:150px;
padding:5px;
background:#ff9933;
border:2px solid #ffcc66;
}
#menu a {
font: bold 10pt/15pt verdana;
text-decoration: none;
color: #000000;
}
#menu a:hover { color: #0000cc }
#menu hr { color: #6699ff; size: 2 }
#content {
background:#ffffff;
border:2px solid #000000;
margin-left: 168px;
width: 60%;
padding: 5pt;
font: 10pt/15pt verdana;
}
H1, H2, H3 { font-family: Arial; font-weight: bold }
H1 { font-size: 18pt; text-align: center; color: #000099 }
H2 { font-size: 14pt }
H3 { font-size: 11pt }
#footer {
font-size: 8pt;
text-align: "center";
}
