Cómo hacer una barra de navegación como esta en HTML
Lo principal es el cambio de estilo. Tengo un caso similar. Puedes echar un vistazo. El código principal está publicado. Depende de tu capacidad de autoaprendizaje. ="nav_bg ma_auto">
- Inicio p>
- Servicio en línea
- Estructura organizacional
- Resumen de trabajo
- Conocimientos relacionados con la propiedad intelectual
- Servicios de formación en conocimientos sobre patentes Li>
- Audiencia del caso abierta
Parte de estilo:
.nav_bg li {
float: left;
display: inline;
p>alto: 26px;
color: #fff;
tamaño de fuente: 14px;
peso de fuente: 700;
relleno: 0 20px;
margen: 0 5px;
alto de línea: 26px;
alineación de texto: centro;
borde: 1px sólido transparente;
radio del borde: 5px;
comportamiento: url(css/PIE.htc);
posición: relativa;
}
.nav_bg li:hover, .nav_bg li.on {
cursor: puntero;
fondo: # fff;
borde superior: 1px #000 sólido;
borde izquierdo: 1px #000 sólido;
}