使用css给图片添加阴影入门篇

作者:lzwdpc 来源:蓝色理想 时间:2009-07-06 14:38:00 

一般我们可以使用背景图的方式给图片添加阴影,但对于不固定尺寸的图片如何实现呢?

我们可以采取“视觉欺骗 * ”——定义渐变边框来实现

运行代码框

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

上面这段定义是各标准浏览器中圆角定义,用以更专业地欺骗眼睛

颜色代码可以在ps中做好外发光效果后拾取。
我上面的效果是[柔和]、[扩展0]、[大小5px]、[颜色#000]其余默认

当然了,特殊要求的话可以使用ie的滤镜来实现更华丽的阴影

反对滤镜主义者飘过……你们自己gg去

标签:css,视觉,图片阴影
0
投稿

猜你喜欢

  • 用python求一个数组的和与平均值的实现方法

    2021-01-10 20:11:24
  • OBJECTPROPERTY与sp_rename更改对象名称的介绍

    2024-01-19 21:47:46
  • 解决vue打包之后静态资源图片失效的问题

    2024-05-29 22:18:53
  • Jmeter并发执行Python 脚本的完整流程

    2021-05-12 02:52:49
  • 6个卓越Web设计细节

    2010-03-29 12:56:00
  • 使用numpy实现矩阵的翻转(flip)与旋转

    2023-01-31 01:03:18
  • 如何让Visual Studio用上chatgpt

    2023-09-14 00:54:50
  • Python 移动光标位置的方法

    2023-09-07 03:15:25
  • 强大的Perl正则表达式实例详解

    2023-08-09 11:12:33
  • 面包屑设计

    2009-07-07 11:17:00
  • 浅谈django model postgres的json字段编码问题

    2021-12-21 13:55:12
  • Python进度条tqdm的用法详解

    2022-09-03 00:27:35
  • 也谈 CSS Sprites

    2009-10-06 15:14:00
  • Linux下MySQL 5.6.27 安装教程

    2024-01-15 02:51:51
  • vue中的插槽详解

    2024-05-03 15:08:50
  • Django权限设置及验证方式

    2022-12-28 23:45:18
  • Python标准库使用OrderedDict类的实例讲解

    2022-07-17 22:27:31
  • pygame+opencv实现读取视频帧的方法示例

    2021-01-04 23:41:27
  • 可以随便改别人的网页的代码

    2008-03-25 12:54:00
  • python 爬取豆瓣网页的示例

    2021-06-25 22:50:00
  • asp之家 网络编程 m.aspxhome.com