
	Portada \| Monotemáticos \| Secciones \| Desarrolladores \| Comunidad \| Servicios \| Servicios profesionales \| RSS

	DesarrolloWeb.com > FAQ

Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades

Generador METAs | Compras | Busca cursos

Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

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 web?

La FAQ Estilo en tablas HTML con CSS tiene Una respuesta
2 comentarios
Pertenece a la categoría:

CSS

Respuesta de Miguel Angel Alvarez

26/10/05

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.

Complementar la respuesta
Volver al árbol de categorías

Comentarios de los visitantes

Se muestran 2 comentarios revisados

Comentario de Leo Juszkiewicz

03/11/05

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

Comentario de gabriel

24/11/06

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;
}


FAQ relacionadas
+ Estilos en barras de desplazamiento
+ Estilos CSS en los botones de formularios y Netscape 4
+ Manuales de CSS
+ Enlaces que cambian al pasar el ratón
+ ¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?
+ ¿Como puedo cambiar el color de la barra de desplazamiento?.
+ Diferencias de colocar estilos CSS en distintos lugares
+ Cambiar color a los enlaces
+ Quitar subrayado a los enlaces
+ Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros
+ Estilo en los campos de formulario
+ Cambiar el tamaño de letra de un menú select
+ Cambiar el estilo de la primera letra de un párrafo
+ Aplicar estilo a la primera línea de un texto
+ Menú dinámico con CSS
+ Textarea sin borde
+ Clip en un div
+ Efecto sombra en mi página
+ Maquetar un boletín con CSS
+ Caja con CSS
+ Aspecto del cursor con CSS
+ Capas en CSS
+ Qué es Shorthand
+ Maquetar una web con CSS
+ problema al aplicar z-index a elementos select de formulario
+ Maquetar por tablas o por capas
+ Algunos programas para editar CSS
+ Maquetar galería de fotos con CSS
+ Rollover con CSS
+ Botones con estilos
+ ¿Qué Significa CSS?
+ Minúsculas con CSS
+ Hojas de estilo en cascada (CSS)
+ Formulario con CSS
+ Efecto de sombra con CSS
+ Cambiar tipografía para toda la página
+ Imprimir con CSS
+ Comentarios en CSS
+ Cómo eliminar los márgenes abajo y arriba que tiene un formulario
+ Definir los márgenes de un encabezamiento o título <h1>
+ ...

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

CSS

Complementar la respuesta
Volver al árbol de categorías

		DesarrolloWeb.com \| Copyright \| Anunciese \| Acerca de \| Datos legales \| Contacta \| Por GuiarteMultimedia

Alojamiento web

	Complementar la respuesta
	Volver al árbol de categorías