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

发布网友发布时间：2022-04-25 20:36

我来回答

共4个回答

热心网友时间：2022-04-06 11:59

需要准备的材料分别有：电脑、浏览器、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只有底部有圆角和阴影效果。

热心网友时间：2022-04-06 13:17

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里面的字体的阴影，

谢谢你的纠正。

热心网友时间：2022-04-06 14:52

纯css是不能实现兼容的必须的用背景图的追问使用ie-css3.htc可以让IE系支持CSS3

热心网友时间：2022-04-06 16:43

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