Crea una barra de navegación usando la etiqueta ul y css
Pasemos directamente al ejemplo:
En el primer paso, abra el software Adobe Dreamweave CS6 y cree un nuevo HTML.
El segundo paso es ingresar el contenido de navegación usando etiquetas ul y li en el espacio de trabajo (cuerpo).
El tercer paso es editar el estilo CSS. Escribe hojas de estilo entre etiquetas
.En cuarto lugar, sigue el paso anterior. Dado que las secuencias inalámbricas tienen un estilo predeterminado precedido por un punto (), escriba primero el estilo que elimina el estilo predeterminado. Los estilos son: ul,li { list-style:none; list-style-type:none; padding:0; margin:0;}/* Borrar los estilos predeterminados de ul,li*/
Quinto, dado que la lista desordenada predeterminada es vertical, debe agregarle elementos flotantes y editar estilos como el ancho y la distancia. Agregue el siguiente estilo ul li { float:left; width:80px; height:30px; background:#900; line-height:30px;
Sexto, si necesita agregar un enlace () a la navegación y obtener el efecto de deslizamiento del mouse, debe escribir una etiqueta con el estilo "a". El estilo es: ? ul li a { display:block; height:30px; text-decoration:none; color:#fff;} ul li a:hover { background:#999;}
Efecto final vista previa.
Código completo:
?