盒子阴影案例

04-19 2207阅读 0评论

（图片来源网络，侵删）

Document

（图片来源网络，侵删）

div {

width: 200px;

height: 200px;

background-color: pink;

margin: 100px auto;

/* box-shadow: 10px 10px 10px 10px black; */

/* 1 2是必需的 */

}

/* 原先盒子没有影子，鼠标经过时有阴影效果 */

div:hover {

box-shadow: 10px 10px 10px -4px rgba(0, 0, 0, .3);

}

/* 注意：

1.默认的是外阴影（outset），但不可以写这个单词，否则导致阴影无效

2.盒子阴影不占用空间，不会影响其他盒子排列 */

相关阅读：

1、python--连接oracle数据库

2、Tensorrt安装及使用（python版本）

3、【C++初阶】第九站：vector的介绍及使用

4、正确解决java.io.UnsupportedEncodingException异常的有效解决方法

5、Java 【数据结构】优先级队列（PriorityQueue）和堆（Heap）【神装】

免责声明

1、本网站属于个人的非赢利性网站，转载的文章遵循原作者的版权声明。
2、本网站转载文章仅为传播更多信息之目的，凡在本网站出现的信息，均仅供参考。本网站将尽力确保所
提供信息的准确性及可靠性，但不保证信息的正确性和完整性，且不对因信息的不正确或遗漏导致的任何
损失或损害承担责任。
3、任何透过本网站网页而链接及得到的资讯、产品及服务，本网站概不负责，亦不负任何法律责任。
4、本网站所刊发、转载的文章，其版权均归原作者所有，如其他媒体、网站或个人从本网下载使用，请在
转载有关文章时务必尊重该文章的著作权，保留本网注明的“稿件来源”，并白负版权等法律责任。

手机扫描二维码访问