设计与3D效果的桌 [英] designing table with a 3D effect

问题描述

我尝试做一个小论坛来训练一点网页设计。如何将表格设计更改为具有3维（3D）表格？

I try to do a little forum to train a little on web design. How can I change that table design to have a 3 dimensions (3D) table ? Or if there is any solution to improve its design, that will be maybe better !

否则，任何批评都是欢迎的！

Otherwise, any criticism is welcome!

>

/* 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：

提前感谢。

推荐答案

可以使用box-shadow是最好的解决方案给任何对象一个3d看&

You can use box-shadow is the best solution to give any object a 3d look & feel.

box-shadow使用浏览器的特殊前缀，例如-webkit，-o，-moz等。这里我只是给了链接，你可以找到更多关于它&可以研究它是如何工作的。我也很多次只是创建了这种类型的对象只有3d感觉。

链接到框阴影。

这篇关于设计与3D效果的桌的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！