来一发利用CSS给图片增加暗影的办法

显示全部楼层 · 发表于 2015-1-15 23:54:20

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
网页制造poluoluo文章简介：一样平常我们可使用背景图的体例给图片增加暗影，但关于不流动尺寸的图片怎样完成呢？
一样平常我们可使用背景图的体例给图片增加暗影，但关于不流动尺寸的图片怎样完成呢？我们能够接纳“视觉棍骗年夜法”——界说突变边框来完成：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<metahttp-equiv="Content-Language"content="zh-CN"/>
<title></title>
<styletype="text/CSS">
body{background:#2e334d;}
img{border:none;}
a.pic-shadow{display:inline-block;zoom:1;padding:1px;background:#262a3f;border:solid#2b30481px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
a.pic-shadowimg{padding:1px;background:#13151f;border:solid#1e21321px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</style>
</head>
<body>
<aclass="pic-shadow"href="#"title=""><imgsrc="http://www.blueidea.com/articleimg/2009/07/6846/demo.png"alt=""title=""/></a>
</body>
</html>
上面这段界说是各尺度扫瞄器中圆角界说，用以更专业地棍骗眼睛
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
色彩代码能够在ps中做好外发光效果后拾取。我下面的效果是[温和]、[扩大0]、[巨细5px]、[色彩#000]其他默许
固然了，特别请求的话可使用ie的滤镜来完成更华美的暗影。

凡是和我讨论客户段效率的全是脑子有问题的，影响的全是图片和Flash，所以我一直建议一个提交按钮就不要用图片带代替了。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来一发利用CSS给图片增加暗影的办法

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子