css box-shadow的使用方式/
1box-shadow属性可以给页面元素添加暗影结果
【css box】box-shadow: offset-x offset-y blur spread color position,[<shadow>];
注：boxShadow属性可以界说多个暗影 ， 每个暗影利用逗号离隔 。 offset-x 设置程度暗影偏移量 ， 若是为负值暗影位于元素的左边 。 offset-y 设置垂直暗影偏移量 ， 若是为负值暗影位于元素的上方 。
JavaScript语法
object.style.boxShadow = '10px 10px 5px #000';
文章插图
2box-shadow的利用:offset-x 的取值 ， 取正值是在元素的右侧；取负值时 ， 在元素的左侧 。
文章插图
3box-shadow的利用:offset-y 的取值 ， 取正值是在元素的下方；取负值时 ， 在元素的上方 。
文章插图
4box-shadow的利用:blur 的取值 ， 暗影恍惚距离 ， 即恍惚水平 。 值越大 ， 恍惚面积越大 ， 暗影就越大越淡 。 不克不及为负值 。 默认为0 。
文章插图
文章插图
5box-shadow的利用:spread的取值
文章插图
6box-shadow的利用:position的取值 ， 可选；默认为外暗影；取值为inset为内暗影 。
文章插图
7box-shadow可以实现的结果
文章插图
文章插图
以上内容就是css box的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- css border
- css如何让文字两端对齐
- boxppp最详细教程带你马上了解
- CSS如何自定义文字位置
- 如何封装一个css样式库
- FreeWiFibox 路由器联网设置
- Ubuntu乌班图如何安装anbox安卓模拟器教程
- 一 用vbs创建对话框？msgbox数值命令入门
- 如何下载visualbox
- CSS如何改变background