border-shadow阴影试玩
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*外部阴影*/
.outer-box-shadow{
width: 100px;
height: 100px;
box-shadow: 2px 6px 4px 2px gold;
}
/*内部阴影*/
.inner-box-shadow{
margin-top: 20px;
width: 100px;
height: 100px;
box-shadow: 2px 4px 6px yellowgreen inset;
}
/*多个阴影*/
.multi-box-shadow{
margin-top: 20px;
width: 100px;
height: 100px;
box-shadow: 4px 2px 6px #f00,-4px -2px 6px #000,0px 0px 12px 5px #33cc00 inset;
}
</style>
</head>
<body>
<div class="outer-box-shadow"></div>
<div class="inner-box-shadow"></div>
<div class="multi-box-shadow"></div>
</body>
</html>
请您注意
·自觉遵守：爱国、守法、自律、真实、文明的原则
·尊重网上道德，遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品，NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款
