How to set image icon and editable color using CSS

Vote count:

0

I want to icon in my Navigation bar for web. How can I resize image icon using CSS? I how do I change the icon color base on the title? here the code HTML

<ul>
            <li><a class="icon icon-home" href="#">Home</a></li>
            <li><a class="icon icon-favorit" href="#">Favorit</a></li>
            <li><a class="icon icon-news" href="#">News</a></li>
            <li><a class="icon icon-events" href="#">Events</a></li>
            <li><a class="icon icon-about" href="#">About us</a></li>
            <li><a class="icon icon-contact" href="#">Contact</a></li>
        </ul>

CSS one of the example the order are the same

.icon-Home {
content:icon:url(../images/food.png);

}

asked 51 secs ago

Adam

1

How to set image icon and editable color using CSS