jquery选项卡在css中的设计

以下是我想说的：

我的deisgner给了我上面的线阴影，下面的线阴影和曲线。 我不知道如何实现它们以获得期望的结果

谢谢

编辑： 因为我不能在回复中添加图片，所以我正在编辑我的问题。 我不认为边界半径和阴影能把我带到那里。 我已经走了这么远。。。

还有什么想法吗

编辑： 以下是CSS：

height: 57px;
border: medium none;
top: 14px;
margin: 0px;
border-top-right-radius: 50px;
border-top-left-radius: 2px;

---

请注意，我无法在两个选项卡之间获得完整的幻灯片。

使用CSS实现曲线和阴影

曲线

为了影子

这些参数分别表示：

阴影的水平偏移，正表示阴影将位于长方体的右侧，负偏移将使阴影位于长方体的左侧

阴影的垂直偏移量，负表示长方体阴影将位于长方体上方，正表示阴影将位于长方体下方

模糊半径是可选的，如果设置为0，阴影将是锐利的，数字越大，模糊程度越高

扩展半径可选，正值增加阴影的大小，负值减小阴影的大小。默认值为0，阴影大小与模糊相同

---

颜色

您可以发布您使用的代码吗？

  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 

  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
   box-shadow:         3px 3px 5px 6px #ccc;