Estilo en tablas HTML con CSS

He visto en varias paginas que los bordes de las tablas están como bordeados con línea discontinua. ¿Cómo puedo implementarlo en mi...

La FAQ Estilo en tablas HTML con CSS tiene

Pertenece a la categoría:
Pregunta
He visto en varias paginas que los bordes de las tablas están como bordeados con línea discontinua.




¿Cómo puedo implementarlo en mi web?
Respuesta de Miguel Angel Alvarez
Para conseguirlo simplemente tienes que utilizar la propiedad de CSS "border-style", asignando el valor "dotted", que quiere decir punteado en inglés.




Además, puedes definir otros valores al estilo de borde punteado, como puede ser el color del borde o el color de fondo de la tabla.




Te paso un código de ejemplo:







<style type="text/css">


.punteado{


border-style: dotted;


border-width: 1px;


border-color: 660033;


background-color: cc3366;


font-family: verdana, arial;


font-size: 10pt;


}





Esta clase tiene definidos una serie de atributos de estilos. Desde el primero hasta el último son: tipo de borde, ancho del borde, color del borde, color de fondo, tipo de letra y tamaño de la fuente. El atributo que nos interesa a nosotros es el primero, en el que se indica que se desea un tipo de borde punteado.




Para utilizar el estilo tienes que asignar a un elemento de HTML la clase generada antes. Para ello utilizamos el atributo class de HTML. Tal como se ha definido la clase se puede utilizar en cualquier elemento de la página web, como una tabla o una celda.

Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

Leo Juszkiewicz

03/11/2005
Dotted es para hacer el borde con puntos, si quieres hacerlo con rayas pones el valor como dashed.

gabriel

24/11/2006
falta en el codigo un pequenio detalle.
antes de colocar el valor hexadecimal del color se debe anteponer#

SAlu2

.punteado{
border-style: dotted;
border-width: 1px;
border-color: #660033;
background-color: #cc3366;
font-family: verdana, arial;
font-size: 10pt;
}

Doom_X

20/4/2009
Estilo en tablas HTML con CSS
Hola, estoy trabajando en un proyecto en Visual.NET con CSS y tengo el mismo problema con la tabla HTML excepto que necesito que las tablas muestren todos los bordes de algun color, solo consegui que aparezcan los bordes externos pero necesito que aparezcan todos los bordes ya que el fondo de la tabla es transparente xq utilizo el fondo de la pagina, si alguien sabe como hacerlo por favor respondame ya que es un trabajo para mi universidad, muchas gracias.
FAQ relacionadas

Para ver más FAQ relacionadas accede a las categorías:

Volver al árbol de categoríasVolver al árbol de categorías