Cómo implementar una barra de navegación simple usando div+css
& lthead & gt& lt/head & gt;
& ltbody & gt
& ltstyle type="text/css " >
li{list-style-type:Ninguno;
}
a{text-decoration:Ninguno;
}
. Mulan {
Ancho: 980px
Alto: 120 px;
Borde: 1px #993399 sólido
Margen: 0 Automático;
}
. Mulan ul {
Ancho: 900px
Alto: 60px
Margen: 0 automático;
Borde: 1px #9900CC Sólido;
Margen superior:30px}
. Mulan ul li {
Ancho: 210px;
Alto: 30px
Flotante: izquierda
Margen superior: 10px; /p>
Borde: 1px sólido;
Alineación del texto: centrado
Relleno superior: 10px}
& lt/style & gt; /p>
& ltdiv class= "MULAN" >>p>
& ltul & gt
& lt李& gt& lta href = " # " & gtColumna 1. & lt/李& gt
& lt李& gt& lta href = " # " & gtSegunda columna
& lt李& gt& lta href = " # " & gtSegunda columna Tres columnas
& lt李& gt& lta href = " # " & gtColumna 4
& lt/ul & gt;
& lt/div & gt;
& lt/body & gt;
& lt/html & gt;
Simplemente combínelo con CSS.
#Reemplácelo con el enlace deseado y elimine la línea del borde.