presentacion css
TRANSCRIPT
Asignatura: DISEÑO WEB
Catedrático: MELVIN QUEZADA
Integrantes del Grupo#4:BESSY ARCE
GREISY COREASANDRA PADILLA ALEX MARTINEZ
MAURICIO MONTECINOS Curso y Seccion:
III-I INFORMATICA
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
Viñetas <ul id="navi">
<li>inicio</li><li>acerca
de</li>
<li>contactos</li></ul>
Codigo CSS#navi {
list-style-type:square;}#navi {
list-style-type:circle;}
#navi {
list-style-image:url(images/vineta.png);}
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>
Vínculos <ul> <li><a href="#">Nustro Instituto</a></li> <li><a href="#">Catedraticos</a></li> <li><a href="#">Carreras </a></li></ul>
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>
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;}
Gracias por su Atencion