Bordes con puntos

31/Mar/2008 CSS 3 Comentarios

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".

  1. 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.

  1. .borde_con_puntos{
  2. border-style:dotted;
  3. }
  4. table{
  5. border-style:dotted;
  6. }

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

  1. <table>...</table>

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

  1. <img src="lineadecodigo.jpg" class="borde_con_puntos">

Vídeos sobre CSS


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

3 comentarios en “Bordes con puntos”

Víctor Cuervo

tata

hola sera que me pueden ayudar a investigar un trabajo sip

Víctor Cuervo

Yolanda

Hola!
yo he aplicado este CSS en un diseño y en Firefox sale perfecto. Sin embargo, en explorer 6 los puntos se convierten en líneas en algunos bordes, en otros no. ¿Cómo puedo corregirlo? Gracias de antemano
Yolanda

Víctor Cuervo

HERNAN JAVIER ESALAS

yo quisiera sabeer como colocar una cancion mp3 de fondo en mi pagina web , la cual la wstoy realizando con HTML en el BLOCK DE NOTA, y coloco la etiqueta correcta y no me sale ningun tipo de sonido. Asi q el que tiene la amabilidad d ayudarme q me escriba un mensaje al sgte correo b_ysexy2007@hotmail.con.
se los agradeceria q es uun gran trabajo q tengo por realizar.
chao cuidensen

Los comentarios están cerrados.