jueves, 12 de abril de 2012

ACTUALIZADO : 3 Tablas HTML decoradas con CSS3 Crossbrowser

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.

8 comentarios:

  1. Descarga el codigo completo en
    http://dairdev.blogspot.com/2010/11/descarga-tabla-html-con-css3.html

    ResponderEliminar
  2. no funciona actualiza los links no se puede descargar

    ResponderEliminar
  3. Gracias por avisarme, actualizare los enlaces lo mas pronto posible

    ResponderEliminar
  4. las tablas estan super,, pero como hago para que el tamaño no se ajuste automaticamente....

    ResponderEliminar
    Respuestas
    1. Para 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

      Eliminar
  5. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar

 
Powered by Blogger