Paso18: Líneas separadoras

Las líneas separadoras son muy necesarias en algunas páginas web como los blog, algunas personas por cambiar el diseño insertan imágenes en vez de las típicas líneas insertan imágenes. Esto no tiene problema desde que se haga de manera accesible, lo que se puede lograr con una etiqueta "alt".

Por ejemplo para poner la siguiente imagen desde la hoja de estilos el código sería:

div.hr {display:none}
/*/*/a{}
div.hr{
display: block;
height: 10 px;
background-image: url(http://ticrobot.com/static/media/cms_page_media/20/Linea
SeparadoraHome.gif);
background-repeat: no-repeat;
background-position: center center;
margin: 1em 0 1em 0;
}
hr {display: none}