5
Me gustaría agregar una sombra sutil para hacer que mi mesa parezca elevada.¿Cómo agrego una sombra a una tabla completa usando solo CSS?
Simplemente usando CSS, ¿cómo hago eso?
A
Respuesta
10
table { box-shadow: 1px 1px 1px #999; }
Más ejemplos box-shadow aquí: http://www.css3.info/preview/box-shadow/
+1
Lo que realmente funcionó fue -moz-box-shadow: 1px 1px 1px # 999; – marcamillion
+3
Correcto, lo que no mencioné fue que debe incluir prefijos de proveedor para que funcione en algunos navegadores. El prefijo '-moz-' es para Firefox, para Chrome/Safari puedes usar '-webkit-' y para Konqueror '-khtml-' –
0
2
CSS3 tiene la declaración box-shadow. Consulte this article para obtener más información.
Cuestiones relacionadas
- 1. ¿Cómo agrego una restricción de verificación a una tabla?
- 2. ¿Cómo construir una tabla compleja usando CSS?
- 3. ¿Cómo agrego una clave externa a una tabla SQLite existente?
- 4. sombra de css solo derecha e inferior
- 5. ¿Cómo agrego una opción a una lista desplegable usando jQuery?
- 6. ¿Cómo agrego una clase css a filas particulares en slickGrid?
- 7. ¿Cómo agrego una barra de desplazamiento horizontal a una tabla en un div?
- 8. sombra de texto 3D múltiple usando css
- 9. ¿Cómo agrego una nueva línea usando printf?
- 10. Ordenar una tabla SQLite completa
- 11. ¿Cómo puedo truncar textos largos en una tabla usando CSS?
- 12. Tabla completa de propiedades de CSS
- 13. ¿Cómo agrego un borde a una página usando iTextSharp?
- 14. ¿Cómo escalar una imagen a pantalla completa usando JavaScript?
- 15. ¿Cómo limitar una celda de tabla a una línea de texto usando CSS?
- 16. SQL Server: ¿Cómo agrego una restricción a una tabla existente pero solo si la restricción no existe?
- 17. Mysql - Cómo alias una tabla completa en una combinación izquierda
- 18. Cómo agregar sombra a una UIView transparente?
- 19. cómo agrego un int a una cadena
- 20. Dibujando una línea con una sombra, pero solo quieres mantener la sombra. IOS
- 21. ¿Cómo agrego datos exif a una imagen?
- 22. ¿Cómo solo se muestra una sombra fuera del relleno de una UIView?
- 23. ¿Sombra de caja de CSS alrededor de una forma personalizada?
- 24. Cómo alinear verticalmente una tabla en CSS
- 25. Hacer que los DIV actúen como una tabla usando CSS
- 26. ¿Cómo agrego error ModelState a una lista
- 27. Cómo bloquear una tabla completa en symfony2 con doctrine2?
- 28. ¿cómo agrego una fecha de vencimiento a una etiqueta img?
- 29. Posible crear una sombra css sobre fondo transparente Imagen PNG?
- 30. ¿Cómo agrego imágenes de fondo en una aplicación JSF usando richfaces y CSS?
¿Qué versión de CSS? CSS3 no es compatible en algunos navegadores, así que supongo que la etiqueta box-shadow no funcionará. pero fyi los otros navegadores tienen diferentes etiquetas .shadow { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; } – EKet
Preferiblemente tantos navegadores como sea posible. Pero podría cambiar a CSS3 de manera predeterminada si eso es lo que puedo obtener. – marcamillion