jump to navigation

Bordes con puntos Marzo 31, 2008

Publicado por lineadecodigo en : CSS , trackback

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.  
  2. <style type="text/css">
  3. .borde_con_puntos{
  4.   border-style:dotted;
  5. }
  6. table{
  7.   border-style:dotted;
  8. }
  9. </style>
  10.  

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

  1.  
  2. <table>...</table>
  3.  

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

Visualizar el ejemplo
|- Descargar el código
|- Descargar del SVN
|- Reportar un error del código

Compártelo!

| Print This Post/Page | 406 visitas

Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 Votes | Average: 0 out of 5 (Todavia sin evaluar)
Loading ... Loading ...

Tags:, , ,

Comentarios»

1. HERNAN JAVIER ESALAS - Mayo 9, 2008

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

2. Yolanda - Mayo 10, 2008

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


Close
E-mail It