Artículos
CSS

Bordes con puntos

31/Mar/2008

Mediante este sencillo ejemplo veremos como podemos crear bordes con puntos. Los cuales podremos aplicar a múltiples objetos de nuestra página HTML.

Los bordes se pueden configurar mediante el atributo border-style. Cuando queremos que el borde sea con puntos deberemos de utilizar el valor «dotted».

border-style:dotted;

Este valor se lo podemos aplicar a varios elementos HTML directamente o bien crear un estilo adhoc donde definamos este tipo de borde. En nuestro ejemplo se lo vamos a aplicar a las tablas y vamos a crear el estilo «borde_con_puntos», el cual, mediante estilos en linea, aplicaremos al elemento concreto que queramos.

.borde_con_puntos{
  border-style:dotted;
}
table{
  border-style:dotted;
}

Para ver el efecto en las tablas bastará con añadir una tabla a nuestra página:

...

Para aplicar el estilo en línea a un elemento en concreto utilizamos el atributo class. Veamos como quedaría sobre una imagen:

Código Fuente

Descárgate el código fuente de Bordes con puntos
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Test CSS

¿Te atreves a probar tus habilidades y conocimiento en CSS con nuestro test?

Test CSS
Suscribir
Notificar de
guest
3 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios