前端之家收集整理的这篇文章主要介绍了
使用CSS设置插入和开始框阴影,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Box-shadow
属性具有称为inset的
属性值,因此阴影可以是插入或开始。
但是,如何设置CSS中的div的inset和开始阴影呢?
@H_
502_5@
解决方法
你需要使用一个,
div {
margin: 100px;
height: 100px;
width: 100px;
border: 1px solid #aaa;
border-radius: 50%;
Box-shadow: inset 0 0 5px tomato,0 0 5px black;
}
Demo
Demo 2(没有什么不同,但使用白色边框更好的指示)
所以在上面的例子中,它设置了西红柿颜色的阴影插图,另一组使用逗号分隔的规则是为了开始,即黑色阴影
原文链接:https://www.f2er.com/css/218717.html