<style>
.box{
width: 100px;
height: 100px;
background: yellow;
border-radius: 50%;
/*
第一个值:代表的是阴影x轴的偏移量
第二个值:代表的是阴影y轴的偏移量
第三个值:代表的时候阴影的模糊程度
第四个值:代表的是阴影的大小
第五个值:阴影的颜色
第六个值:inset:内阴影,不写的时候就是外阴影
*/
box-shadow: 20px 20px 60px 20px lime;
/*box-shadow也需要处理兼容问题*/
-webkit-box-shadow: 20px 20px 60px 20px lime;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
复制代码
处理兼容:box-shadow处理兼容需要加前缀,及box-shadow一些细节问题?
最新推荐文章于 2021-04-17 11:52:04 发布