Red de conocimiento informático - Material del sitio web - Cómo implementar una barra de navegación simple usando div+css

Cómo implementar una barra de navegación simple usando div+css

& lthtml & gt

& 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.