css - 3D CSS 效果(最大跨浏览器兼容性)

标签 css

您将如何使用 CSS(以及最大跨浏览器)制作这样的元素?

enter image description here

有这个标记:

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

每个 <li></li>应该是一个盒子(在图像中)。

最佳答案

这只是一个粗的 outset 边框,您不需要任何特殊的东西:

li { border: 10px outset #CCC; }

Here's a JsFiddle example .

关于css - 3D CSS 效果(最大跨浏览器兼容性),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27025626/

相关文章:

java - 我可以在 parsys 里面有一个 parsys 吗

html - CSS 下拉菜单在 IE8 中消失

html - 如何使用 Bootstrap 制作带有背景图像的 div 全屏

html - 如何使填充不向下移动其他元素?

html - 导航栏右侧的白色边缘/ block ?(HTML)

没有第一个 child 的CSS选择标签

javascript - 在不改变 iframe 高度的情况下改变 iframe 滚动条高度

css - Material 社区图标,设置大小导致android崩溃?

javascript - html div中的中心按钮行

html - <tr> 在显示 <tbody> 时被压缩 :block