Question

如何使用CSS实现DIV层的左下角、右下角圆角效果，以及右边和下边有阴影效果？

求详细代码，能够兼容IE6+、FF、CHROME等
绿色框所示位置是一个弹出层（假设这个层是class="dropMenu"），我想通过CSS3在这个层实现左下圆角和右下圆角，还有下边和右边阴影效果。这个弹出层的高度和宽度是不确定的。

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

div{width: 300px;height: 150px;border: 3px solid blue;border-radius: 0 0 30px 30px;box-shadow: 0 7px 7px -7px #5E5E5E;}

3、浏览器运行index.html页面，此时实现了div只有底部有圆角和阴影效果。

Answer 2

CSS实现DIV层的左下角、右下角圆角效果:
border-radius: 0 0 3px 3px;

text-shadow可以让我们实现完美的文字阴影效果。基本写法：
text-shadow:[颜色 x轴 y轴 模糊半径]

右边和下边有阴影效果:
text-shadow:black 2px 2px 2px;

追问

应该是box-shadow才对

追答

是的，是的
box-shadow: 2px 2px 2px blue;
这个是div的阴影，

text-shadow:black 2px 2px 2px;

而这个是div里面的字体的阴影，

谢谢你的纠正。

Answer 3

纯css是不能实现兼容的 必须的用背景图的

追问

使用ie-css3.htc可以让IE系支持CSS3

Answer 4

你是说的导航么？？？三层嵌套实现啊。。。。下面的阴影是图片水平平铺就可以

追问

下方白白的那个层（不含菜单）是弹出层，在这个弹出层实现就OK了。问题是这个层的高度和宽度是不确定的，我需要通过CSS阴影效果来实现。

追答

这个有代码，一会给你http://www.17sucai.com/pins/1277.html

追问

你网站的皮做得不错，SEO优化差了一点，URL貌似也不太合理