仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2000|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS实例:经由过程界说突变边框给图片加暗影

[复制链接]
只想知道 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:54:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

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年的艰辛努力,该标准规范终于最终制定完成。
柔情似水 该用户已被删除
沙发
发表于 2015-1-17 23:48:36 来自手机 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
再现理想 该用户已被删除
板凳
发表于 2015-1-24 15:34:00 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
兰色精灵 该用户已被删除
地板
发表于 2015-2-2 06:45:04 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
小女巫 该用户已被删除
5#
发表于 2015-2-7 18:09:30 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
admin 该用户已被删除
6#
发表于 2015-2-22 23:11:04 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
精灵巫婆 该用户已被删除
7#
发表于 2015-3-7 05:59:58 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
愤怒的大鸟 该用户已被删除
8#
发表于 2015-3-14 15:12:35 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
变相怪杰 该用户已被删除
9#
发表于 2015-3-21 12:36:54 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-15 09:39

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表