html中 容器设置阴影box-shadow
向 div 元素添加 box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;div{box-shadow: 10px 10px 5px #888888;}10px 10px 表示水平阴影的位置和垂直阴影的位置 5px是阴影的宽度10px 10px 的值为正值时表示的盒子的下方和右方如果是-10px -10px表示的就是盒..
·
向 div 元素添加 box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
div{box-shadow: 10px 10px 5px #888888;}
10px 10px 表示水平阴影的位置和垂直阴影的位置 5px是阴影的宽度 10px 10px 的值为正值时表示的盒子的下方和右方
如果是-10px -10px表示的就是盒子的上方和左侧右阴影 以上情况都是盒子的阴影是outset外部阴影为默认样式
div{box-shadow: inset 10px 10px 5px #888888;}
当在阴影属性中设置为inset时，10px 10px表示的就是内部上方和左侧，-10px -10px为下方和右侧
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)