CSS Code Examples

Simple CSS Menu

This is a simple CSS menu.

CSS in Action

Code

CSS and html code are self contained below.

 
     
</script>

<style type="text/css">
.tmnu
{
	width: 100%;
	background-color: #000080; 
}
.tmnu ul
{
	margin: 0; 
  padding: 1px;  
	float: left;		
}
.tmnu ul li
{
	display: inline;
}
.tmnu ul li a
{
  font-family: Arial,Times New Roman; 
  font-size: .75em;
	float: left; 
  text-decoration: none;
	color: white; /*text color*/
	padding-top: 1px;
  padding-bottom: 1px;
	padding-left: 14px;
  padding-right: 14px;  
	background-color: #000080; 
}
.tmnu ul li a:visited
{
	color: white;
}
.tmnu ul li a:hover, .menu ul li .current
{
	color: #000000;
	background-color: #e0eeee;
}
</style>

<div class="tmnu">
<ul>
<li><a href="#nada">One</a></li>
<li><a href="#nada">Two</a></li>
<li><a href="#nada">Three</a></li>
<li><a href="#nada">Four</a></li>
<li><a href="#nada">Five</a></li>
</ul>
</div> 
 

If you find this site useful and are a book buyer/reader... Abe Books is one of my affiliates. I only use affiliates that I also purchase products from. I love Abe books. I have purchased many books from them originally cost $40 to $60 for as little as $5 to $10 dollars including shipping costs. By accessing Abe books and clicking on one of my links I receive a small commission on your purchase that helps pay for this site. You pay no more for your books than if you accessed their site directly. Thanks for your support. Click on icon to find books on Cascading Style Sheets (CSS) at Abe Books...

The Following are a list of CSS books I own CSS Pocket Reference by Eric Meyer Stylin with CSS by Charles Wyke-Smith The CSS Anthology by Rachel Andrew CSS: The Missing Manual by David McFarland Designing with Web Standards by Dan Cedarholm The Zen of CSS Design: Visual Enlightenment for the Web by Dave Shea

CSS Examples

Menus

75% of your donation

goes to charity.