【说站】css中box-shadow方法如何使用
2023-06-13 09:13:16 时间
css中box-shadow方法如何使用
说明
1、box-shadow支持逗号分隔语法,可以创建任意数量的投影。
当一个正值的扩展半径加上两个零偏差和零模糊值时,得到的投影就像一个实线框。
2、投影不会影响布局,也可以说投影不会占据真实位置,投影不会响应鼠标事件。
如果想投影,也可以响应事件,可以设置内阴影,即box-shadow属性和inset关键词产生内阴影,此时需要增加额外的内边距来放置内阴影。
实例
background: yellowgreen;
box-shadow: 0 0 0 10px #655,
0 0 0 15px deeppink,
0 2px 5px 15px rgba(0,0,0,.6);
以上就是css中box-shadow方法的使用,希望对大家有所帮助。更多css学习指路:css教程
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
收藏 | 0点赞 | 0打赏
相关文章
- Vue3中的方法
- CSS 水平居中与垂直居中的16个方法
- 【说站】css中outline方法的使用
- 【说站】css如何使用scale()方法进行缩放
- 【说站】css点击元素变更颜色的方法
- css面试点三:清除浮动的九中方法-高度塌陷理解-伪元素使用
- Nginx构建负载均衡集群的配置方法
- Java 多个任务@Scheduled 里面的时间一样,有一个方法就不走了,这个咋解决
- Oracle解析复杂json的方法实例详解
- Linux删除非空文件夹的方法(linux删除非空文件夹)
- 使用 MySQL 进行降序排序查询的优化方法:建立降序索引。(mysql降序索引)
- 基于Redis的安全配置方法研究(redis安全设置)
- CSS如何影响MySQL的使用(css影响MySQL)
- CSS与MySQL合力提升网页性能(css与mysql结合)
- MySQL登陆系统CSS实现一键登录(css mysql登陆)
- 发现四种在网页中使用CSS样式表的方法
- 让用户自己控制网页字体的大小的css书写方法
- sqlserver中一些常看的指标和清除缓存的方法
- 让你的CSS像Jquery一样做筛选的实现方法
- 使用CSS样式position:fixed水平滚动的方法
- PHP小技巧之JS和CSS优化工具Minify的使用方法
- nginx、Apache、IIS服务器解决413RequestEntityTooLarge问题方法汇总
- ASP.Net中利用CSS实现多界面的两种方法
- js与css实现弹出层覆盖整个页面的方法
- 实例解读Ajax与servlet交互的方法