changing the background color for site main menu.

changing the background color for site main menu on hover,active and focus statuses.

Code:

<html>
  <head>
    <style type="text/css">
a {
      color: black;
      padding: 4px 12px;
      background: #ccecac;
      text-decoration: none;
      border: 2px solid black;
      display: block;
      width: 180px;
}
a:hover, a:active, a:focus {
      background: #446541;
      font-weight: bold;
}
    </style>
    <title>links menu with changing background color</title>
  </head>
  <body>
    <p>
      <a href="#">Home</a><br />
      <a href="#">Register</a><br />
      <a href="#">Login</a><br />
      <a href="#" >Contact us</a>
    </p>
  </body>
</html>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : changing the background color for site main menu.
Show sidebar main menu with scroll down in the web page -
Changing link color -
Changing the color and properties of the header tag -
Changing the color of a graph draw in java -
skymiles background color -
change background color with RGB -
Background color - mile200 -
gradient background color using CSS -
Follow window background color -
inherit background color from the parent element -

Topic Tags

HTML Background, HTML Link

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com