css3 边框阴影效果
2024-08-27 22:51:54
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div.box1{ width:300px; height:300px; padding:20px; position:relative; margin:0 auto; border: 1px solid #00c1de; box-shadow: 0 0 20px rgba(0, 198, 226, 0.5); } div.box2{ width:300px; height:300px; padding:20px; position:relative; border:1px solid #ccc; margin:0 auto; -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.3) !important; -moz-box-shadow:0 5px 20px rgba(0,0,0,0.3) !important; box-shadow:0 5px 20px rgba(0,0,0,0.3) !important } div img{ width:100%; } </style> </head> <body> <div class="box1"> <img src="https://img.alicdn.com/tps/TB1ARGlNVXXXXX0XXXXXXXXXXXX-1600-880.png" alt=""> </div> <div class="box2"> <img src="https://img.alicdn.com/tps/TB1ARGlNVXXXXX0XXXXXXXXXXXX-1600-880.png" alt=""> </div> </body> </html>
最新文章
- C语言-结构体struct-联合体union-枚举enum
- MHA故障切换和在线手工切换原理
- yaf框架学习笔记
- 关于 jquery 选择器的 深入理解 -1
- c++有默认参数的函数---4
- 【C++面试】常考题复习
- 零成本实现WEB性能测试(一)性能测试基础
- 第三方类AFNetworking
- Android之parseSDKContent failed
- 了解开源的许可证GPL、LGPL、BSD、Apache 2.0的区别 【转】
- sql语句中出现笛卡尔乘积
- 如何查看与更改python的工作目录?
- MySQL的GTID复制与传统复制的相互转换
- 关于映射路径@ReuqestMapping的总结
- springboot项目js文件404
- web端MSF搭建
- mysql 修改语句及耗时
- [php]文件下载简述
- POJ2155【二维树状数组,区间修改,点查询?】【又被输入输出坑】
- api的mock开源工具;api文档生成器;api的mock工具;阿里系;其他开源