|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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.poluoluo.com/files/090706/1_143114.png"alt=""title=""/></a></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
下面这段界说是各尺度扫瞄器中圆角界说,用以更专业地棍骗眼睛
色彩代码能够在ps中做好外发光效果后拾取。
我下面的效果是[温和]、[扩大0]、[巨细5px]、[色彩#000]其他默许
固然了,特别请求的话可使用ie的滤镜来完成更华美的暗影
否决滤镜主义者飘过……你们本人gg往
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。 |
|