Me gusta crear separador de menú horizonatal sólo con CSS, sin ningún tipo de imagen. Yo uso este método, principalmente en los menús de encabezado o pie de página. Sin embargo esta manera se limitaba, porque yo sólo sabía de la frontera izquierda o de derecha propiedades CSS (g. border-left:1px solid # ccc o borde derecho:1px solid # ccc) y estas propiedades lugares sólo una ” | ” separador en los menús. No es muy creativo.

pero – tatatata – He encontrado una nueva (para mí) Propiedad CSS “contenido” y un nuevo (para mí) selector de clase “Si:después de”, por lo que puede poner caracteres especiales en mi menús como un separador de menú ahora.

Ejemplo:

li:after {content:" | "}

menú de Mi sitio de pie de página ha sido creada por los siguientes parámetros:

# Si footermenu:después de {contenido:" > "} # Footermenu li.item81: after {content:" "}

La primera “contenido” propiedad colocar una “>” carácter, después de todo los elementos del menú en el menú de pie de página, el segundo “contenido” elimina la propiedad “>” carácter de última (item81) el elemento de menú.

Lo he comprobado en Firefox 3, IE 8, Google Chrome 2.0 y Opera 9.63, funciona bien en todos los navegadores mencionados.

Ver mi menú en el pie de página.