Todas las paginas web actualmente usan menus que convinados con el poder de las hojas de estilo CSS nos crean los mas lindos menus que podamos crear. En esta ocacion les quiero mostrar el poder que tiene el CSS convinandolo con listas para crear un lindo menu cada uno con un estilo diferente.
Bien el codigo que usaremos como css seria este :
- .mac {
- font-size: 11px;
- padding-left: 17px;
- margin-left: 2px;
- margin-bottom: 5px;
- background:url(images/macosx.gif) bottom left no-repeat;
- List-style:none;
- }
- .wordpress {
- font-size: 11px;
- padding-left: 17px;
- margin-left: 2px;
- margin-bottom: 5px;
- background:url(images/wordpress.gif) bottom left no-repeat;
- List-style:none;
- }
Y para aplicarlo a nuestra lista quedaria algo asi:
- <ul>
- <li class="mac">Usando <a href="http://www.apple.com">Macintosh</a></li>
- <li class="wordpress">Powered by <a href="http://www.wordpress.org">Wordpress</a></li>
- </ul>
Esto nos daria como resultado algo asi:
Leave A Comment
You must be logged in to post a comment.