仓酷云

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

[DIV+CSS] 今天来学习用CSS为图片增加暗影效果

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
其实DIV+CSS是很简单的一种布局方式,甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。



本篇文章:用CSS为图片增加暗影效果,指用css挪用带暗影图片做背景和图片分离起来,情势的暗影效果,并不是由css天生的暗影效果。之前自己公布的《用css制造的一组平面感很强的按钮款式》一文,因为表述,形成一些伴侣曲解,以是此次先声明一下。
body{text-align:center;font-family:Verdana;}
img{background:url(uploadfile/shadow.gif)no-repeatrightbottom;padding:5px10px10px5px;}

<imgsrc="uploadfile/sample1.jpg"/>
完成办法是把带暗影效果的图片设置成背景图片,靠右下对齐,然后设置图片响应的padding值,使背景到符合地位。背景图片的巨细我用的是1000px
谁可相欹 该用户已被删除
沙发
发表于 2015-1-18 07:03:44 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
第二个灵魂 该用户已被删除
板凳
发表于 2015-1-25 07:32:11 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
若天明 该用户已被删除
地板
 楼主| 发表于 2015-2-2 19:02:26 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
金色的骷髅 该用户已被删除
5#
发表于 2015-2-8 04:57:21 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
小魔女 该用户已被删除
6#
发表于 2015-2-24 17:48:43 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
莫相离 该用户已被删除
7#
发表于 2015-3-15 07:30:36 | 只看该作者
可以使用 CSS 检查工具进行设计。
深爱那片海 该用户已被删除
8#
发表于 2015-3-22 00:04:07 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 22:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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