使用CSS设置插入和开始框阴影

前端之家收集整理的这篇文章主要介绍了使用CSS设置插入和开始框阴影前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Box-shadow属性具有称为inset的属性值,因此阴影可以是插入或开始。

但是,如何设置CSS中的div的inset和开始阴影呢?

解决方法

你需要使用一个,
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(没有什么不同,但使用白色边框更好的指示)

所以在上面的例子中,它设置了西红柿颜色的阴影插图,另一组使用逗号分隔的规则是为了开始,即黑色阴影

猜你在找的CSS相关文章