Home Up Feedback Banner Exchange Link Xchange

CSS Menu

 
Home
Basic CSS Selector
Text Properties
Color Properties
Border Properties
DHTML 3D Text
Changing Cursors
CSS Menu
Creating Multi Color Links
Webmaster's Glossary
How can I Add Favicon

 

 
 

 

 
 

 
In this tutorial i will teach you how to create a cool looking CSS hover menu. You just have the basic understanding of Cascading Style Sheets (CSS). You can put this menu in your website by pasting the code. Now lets move to our tutorial.
Just follow the steps:


Step 1. Create a style sheet code in which you have to create a class selector which we will assign to our links. If you don't understand about class selectors read the tutorial about CSS Selectors. Here is the code:


    <style type="text/css">

    .label{ background-color:#ffffff;

            border:1px solid #ffffff;}

    .menu{
            width:50px;
            font-family: Verdana;
            font-size: 14px;
            color: #ffffff;
            background: #000080;
            text-decoration:none;
         }


    .menu:hover {
            background:#ff0000;
   &nbs