相关疑难解决方法(0)

我该怎么做呢？我希望我的元素看起来好像有一个阴影下划线.我不想要其他三面的影子

有没有办法只在底部放下阴影？我有一个菜单,旁边有两张图片.我不想要一个正确的阴影,因为它与正确的图像重叠.我不喜欢使用图像,所以有没有办法将它放在底部,如:

box-shadow-bottom: 10px #FFF; 或者类似的？

-moz-box-shadow: 0px 3px 3px #000;
-webkit-box-shadow: 0px 3px 3px #000;
box-shadow-bottom: 5px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');

表行上的CSS box-shadow tr似乎不能跨浏览器一致地工作.在某些浏览器上显示阴影; 在别人身上,没有影子.

我正在使用以下CSS:

tr {
  background-color: rgb(165, 182, 229);
  box-shadow: 0px 2px 2px black;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;
}
td, th {
  padding: 5px;
  text-align: left;
}

这是以下代码段的jsFiddle:

tr {
  background-color: rgb(165, 182, 229);
  box-shadow: 0px 2px 2px black;
  -moz-box-shadow: 0px 2px 2px black, ;
  -webkit-box-shadow: 0px 2px 2px black;
}
td, th {
  padding: 5px;
  text-align: left;
}

<table>
  <tr>
    <td>&nbsp;</td>
    <th>One</th>
    <th>Two</th>
  </tr>
  <tr>
    <th>Title</th>
    <td>Three</td>
    <td>Four</td> …

如何使用纯CSS制作类似下面的阴影效果？

我是CSS的新手.以下是我到目前为止所尝试的内容,但我无法接近我想要的内容.请告诉我如何让它看起来像图像中的阴影？谢谢!

box-shadow: 1px 1px 5px #999999 inset

附图有一个效果,使框看起来像是一个大约一页的厚度,它坐在表面上.所有四个方面看起来都像是被提升了.我正在寻找相反的效果,使盒子看起来像是一个页面厚度的"凹陷".

谢谢你的任何想法.