3 Tablas HTML decoradas con CSS3
Hoy quiero compartir una afición y es el diseño web, en otra ocasión ya había puesto un post similar sobre una Tabla Html decorada con CSS.
Hoy les traigo 3 diseños mas, el codigo no lo voy a explicar porque la mayor parte esta explicado en el post mencionado lineas arriba.
Bueno vamos a las tablas ^_^
Tabla 1
| N | Campo 1 | Campo 2 | Campo 3 |
|---|---|---|---|
| 1 | Campo 1 | Campo 2 | Campo 3 |
| 2 | Campo 1 | Campo 2 | Campo 3 |
| 3 | Campo 1 | Campo 2 | Campo 3 |
| 4 | Campo 1 | Campo 2 | Campo 3 |
Tabla 2
| N | Campo 1 | Campo 2 | Campo 3 |
|---|---|---|---|
| 1 | Campo 1 | Campo 2 | Campo 3 |
| 2 | Campo 1 | Campo 2 | Campo 3 |
| 3 | Campo 1 | Campo 2 | Campo 3 |
| 4 | Campo 1 | Campo 2 | Campo 3 |
Tabla 3
| N | Campo 1 | Campo 2 | Campo 3 |
|---|---|---|---|
| 1 | Campo 1 | Campo 2 | Campo 3 |
| 2 | Campo 1 | Campo 2 | Campo 3 |
| 3 | Campo 1 | Campo 2 | Campo 3 |
| 4 | Campo 1 | Campo 2 | Campo 3 |
Como que ando un poco lento con los post, es por el trabajo pero pronto pondré varios más.
excelente!
ResponderEliminarDescarga el codigo completo en
ResponderEliminarhttp://dairdev.blogspot.com/2010/11/descarga-tabla-html-con-css3.html
no funciona actualiza los links no se puede descargar
ResponderEliminarGracias por avisarme, actualizare los enlaces lo mas pronto posible
ResponderEliminarlas tablas estan super,, pero como hago para que el tamaño no se ajuste automaticamente....
ResponderEliminarPara eso tendrias que definir la propiedad width en las cabeceras th, asi por ejemplo si quieres que la segunda columna sea de 300px, defines el th asi [th width='300px'], espero te sirva
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarNo puedo descargar el codigo
ResponderEliminar