| <!DOCTYPE HTML> | |
| <style> | |
| .shadow-normal { box-shadow: black 5px -5px 0; } | |
| .shadow-inset { box-shadow: black 5px 5px 0 inset; } | |
| thead, tbody { background-color: blue; } | |
| tr { background-color: rgba(255,0,0,0.5); } | |
| td { width: 100px; height: 100px; } | |
| table { border-spacing: 10px; } | |
| </style> | |
| <table> | |
| <thead class="shadow-normal"> | |
| <tr><td></td><td></td></tr> | |
| <tr><td></td><td></td></tr> | |
| </tbody> | |
| <tbody class="shadow-inset"> | |
| <tr><td></td><td></td></tr> | |
| <tr><td></td><td></td></tr> | |
| </tbody> | |
| </table> |