CSS mouse concerning in Html

[lifewire]

hi
i am looking for code which help me to make web page in html.
i want to add menu as follow with mouse movement on that .
* News
* Downloads
* Tutorials
* Script
* Reviews
please help me to do that ,i am noy good in this so please kindly help me .
thank you

[Modifier]

We will make therefore a menu with mouse over impact. The simplest manner to get this impact is by simply the attribute: hover to use. Almost all modern browsers support this (IE7, FF, opera & safari). Then you therefore as follows are able do:

Code

<ul id= menu >
<li><a href= # >News</a></li>
<li><a href= # >Downloads</a></li>
<li><a href= # >Tutorials</a></li>
<li><a href= # >Scripts</a></li>
<li><a href= # >Reviews</a></li>
</ul>

Code

ul#menu li {
background-color: #99cc00;
width: 120px;
}
ul#menu li: hover {
background-color: #ffcc00;
}

[Modifier]

We start with an empty document. We use simply the same html.

Code

<ul id= menu >
<li><a href= # >News</a></li>
<li><a href= # >Downloads</a></li>
<li><a href= # >Tutorials</a></li>
<li><a href= # >Scripts</a></li>
<li><a href= # >Reviews</a></li>
</ul>

Only uses we something other css:

Code

ul#menu a {
background-color: #99cc00;
posting: block;
width: 120px;
}
ul#menu a: hover {
background-color: #ffcc00;
}

We have: hover - attributes on a - elements put. This a - elements have we in the css posting: block; given. That ensures that he the link as block - element sees. You have elements in html two different types: block and inline. Block-element are things as div's and tables. Inline-element are upholstering. Therefore a piece text in <p> or a blade by means of the <img>-tag.

[MindSpace]

Because we posting: block; have given now thinks the browser which it a - element in this menu block-element are. How we him can a breadth give altitude and such.

Instead of background-color can use you of course also background image to support a blade there.