html - 设计具有 3D 效果的 table

Question

我试着做一个小论坛来培训一些网页设计。如何更改该表设计以具有 3 维 (3D) 表？或者如果有任何解决方案可以改进它的设计，那可能会更好!

除此之外，欢迎大家批评指正!

/* Tableaux -------------------------------------------------------------------------------------*/
table {
    border-collapse: collapse;
}

pair {
    background-color: #efefef;
}

tr.impair {
    background-color: #fff;
}

th {
    color: #D89845;
    border: 1px solid #D89845;
    padding: 5px;
    font: normal 8pt verdana, helvetica, sans-serif;
}

td {
    border: 1px solid #ddd;
    padding: 5px;
    font: normal 8pt verdana, helvetica, sans-serif;
}

PS:我会保留最好的建议作为对主题的验证。

提前致谢。

Answer 1

您可以使用 box-shadow 是为任何对象提供 3d 外观和感觉的最佳解决方案。

box-shadow use browser specipic prefixes like -webkit, -o, -moz etc . Here I just gave the link where you can find out more about it & can study how it works. I also many times just created such type of objects that have just 3d feel.
Link to box-shadow.