More Related Content Similar to Presentacion css Similar to Presentacion css (11) 2. Listas Ordenadas en HTML
<ol>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
Nos da como Resultado
Listas desordenada
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
Nos da como Resultado
4. Tambien le Podemos
agregar
#navi {
list-style:none;
}
<STYLE>
#navi {
list-style:none;
margin:0;
padding:0;
}
#navi {
}
#navi li {
margin:2px;
padding:2px;
border:1px solid#CCCCCC;
}
</style>
<body>
<ul id="navi">
<li>Nuestro Instituto</li>
<li>Catedratiocos</li>
<li>Carreras </li>
</ul>
</body>
6. MENÚ
HORIZONTAL<html>
<head>
<title> prueba </title>
<style>
#navi {
list-style:none;
margin:0;
padding:0;
}
#navi li {
margin:2px;
padding:2px;
border:1px solid #CCCCCC;
float:left;
}
</style>
</head>
<body>
<ul id="navi">
<li><a href="#">inicio</a></li>
<li><a href="#">acerca de</a></li>
<li><a href="#">contactos</a></li>
</ul>
7. DIFERENTES ESTILOS DEL MENÚ
<ul id="navi">
<li><a href="#">inicio</a></li>
<li><a href="#">acerca de</a></li>
<li><a href="#">contactos</a></li>
</ul>
#navi { list-style:none;
margin:0;
padding:0;}
#navi li {margin:2px;
padding:0;
float:left;}
#navi li a {display:block;
width:100px;
padding:4px 0;
text-decoration:none;
text-align:center;
font-size:11px;
color:#FFFFFF;
background-color:#000000;}
#navi li a:hover {
color:#99CC00;
background-color:#003366;}
