3D CSS效果（最大交叉浏览器兼容性）

Question

你如何使用CSS（以及最大跨浏览器）这样的元素？

有这个标记：

<ul>
  <li></li>
  <li></li>
  <li></li>
<ul>

每个<li></li>应该是一个框（在图片中）。

Answer 1

这只是一个厚outset边框，你不需要任何特别的东西：

li { border: 10px outset #CCC; }

Here's a JsFiddle example