This site uses cookies from Google to deliver its services, to personalize ads and to analyze traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Learn More

[web-development (PHP)] CSS vertical menu hover basic

CSS vertical menu hover basicCSS vertical menu hover basic









<style>
#menu_left {
float: left;
margin: 0 0 6px 0;
padding: 0 0 1px 0;
border-bottom: 2px solid #e2e2e2;
}
#menu_left li { list-style: none; }
#menu_left li a {
display: block;
color: #3F5B7F;
background: #C2CEDE url(arrow.gif) no-repeat center left;
width: 204px;
padding: 7px 23px 7px 23px;
margin: 0 0 1px 0;
font-weight: bold;
text-decoration: none;
}
#menu_left li a:hover { background: #9EB1C9 url(arrow.gif) no-repeat center left; color: #fff; }
</style>

source : http://tutorial101.blogspot.com, http://dailymotion.com, http://google.com



0 Response to "[web-development (PHP)] CSS vertical menu hover basic"

Post a Comment

Contact

Name

Email *

Message *