盒阴影..

怎样让盒子四个同时都有阴影呢?

美丽赵 2017-10-19

源自：CSS3边框与圆角 1-6 盒阴影

收起

3回答

怎么都被占用了呢回答被采纳获得+3积分 2017-10-22 14:28:38

试试这样：box-shadow:0 0 10px 5px #000

收起回答

美丽赵提问者 #1

非常感谢！

2017-10-22 19:23:06

小丸子爱吃菜 2017-10-20 13:39:17

box-shadow把该属性的第一个值设置为0

收起回答

提问者美丽赵 #1

这样的话就只有一个边有阴影，得不到四个边都有阴影显现出来的效果。。

2017-10-20 20:11:40

小丸子爱吃菜 2017-10-20 10:42:40

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#div1{width:100px; height:100px; background:green; box-shadow:10px 10px 5px #000}
</style>
<body>
<div id="div1"></div>
</body>
</head>

可以参考一下上面的小demo，自己可以调一下里面的参数试试。

祝学习愉快！

收起回答

提问者美丽赵 #1

这样做，只是盒子的右边和下边出现了阴影，而盒子的上边和左边并没有出现阴影。。

2017-10-20 13:01:50

相似问题

请问，阴影会影响盒子模型吗？

麻烦老师检查一下当地玩乐部分的阴影效果如何改正

关于盒阴影的问题

关于阴影清除的问题

label阴影透明度Opacity，文字阴影透明度为何无法使用呢？

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

了解课程

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

盒阴影..

盒阴影..

正在回答

请选择置顶位置