Tuesday, August 19, 2014

Different menu background color for each tab using CSS

Different menu background color for each tab using CSS


I have used ul,li for tabs and used div for content.Add id for body tag.

HTML

<body id="home">
    <ul id="menu">
        <li class="home"><a href="index.html">Home</a></li>
    </ul>
    </body>

Apply different background for particular tab.

CSS Code

body#home ul#menu {background:#B8860B}
        body#home .content {background:#BDB76B}

Please share your comments and feedback.Thanks.Please subscribe my updates via email.

No comments:

Post a Comment