Mediante este sencillo ejemplo veremos cómo 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 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:
<table> ... </table>
Para aplicar el estilo en línea a un elemento en concreto, utilizamos el atributo class. Veamos cómo quedaría sobre una imagen:
<img class="borde_con_puntos" src="lineadecodigo.jpg">
