changing the background color for site main menu.

msi_333 · **Posted:** Fri Dec 09, 2011 1:48 am

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>
 

changing the background color for site main menu.

Users browsing similar codes