Mejorando nuestros estilos CSS

Existen numerosas herramientas para mejorar el aspecto de nuestro web, para ello, usaremos las herramientas que html nos brinda para ello.

Empezaremos usando el efecto dotted.

Conseguiremos que una linea, se convierta en discontinua, lo haremos de la siguiente forma: <hr size="1" width="100" color="#000000" style="border:1px #000000 dotted;"> Un efecto sencillo, pero que puede mejorar enormemente el aspecto de nuestro web.

Podemos conseguir un efecto similar en nuestros links, consiguiendo que cuando el cursos pasa por encima, un recuadro de trazado discontinuo se muestre sobre el link, ¿Cómo se hace eso? el procedimiento es el siguiente:

Generaremos un syle en nuestra hoja de estilos llamado: navegalis.

.navegalis {border:1px #000000 dashed} Ahora sólo tendremos que llamar la clase "navegalis" desde nuestro link: <a href="http://www.navegalis.com/" class="navegalis">Navegalis</a> Ahora, cuando pases el cursor sobre el texto Navegalis un recuadro discontinuo rodeará el enlace.

Esperamos que estos trucos os sean de ayuda en vuestros proyectos webs.