css2设置内阴影 |css 多边形 箭头

.box {
box-shadow: inset 5px 5px 10px #c0c0c0;
}

上述代码表示在.box元素内部添加一个宽度为5px、高度为5px、模糊距离为10px、颜色为#c0c0c0的内阴影。关键字inset表示添加内阴影，如果省略关键字，则为外阴影。另外，可以通过多次添加box-shadow属性来设置多个阴影效果。

.box {
box-shadow: 
inset 5px 5px 10px #c0c0c0,
inset -5px -5px 10px #ffffff;
}

上述代码表示在.box元素内部添加两个内阴影，一个颜色为#c0c0c0，另一个颜色为#ffffff。第一个内阴影向右下方偏移5px，在距离元素5px的位置开始呈现阴影效果；第二个内阴影则向左上方偏移5px，在距离元素5px的位置开始呈现阴影效果。

最后，需要注意的是，不是所有浏览器都支持box-shadow属性。如果需要兼容一些旧浏览器，可以考虑使用另一种类似的属性——filter:drop-shadow。

.box {
filter: drop-shadow(5px 5px 10px #c0c0c0);
}

上述代码表示在.box元素周围添加一个宽度为5px、高度为5px、模糊距离为10px、颜色为#c0c0c0的外阴影。与box-shadow不同的是，drop-shadow没有inset关键字，只能添加外阴影。