|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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,所以我一直建议一个提交按钮就不要用图片带代替了。 |
|