仓酷云

标题: 今天来学习用CSS为图片增加暗影效果 [打印本页]

作者: 若天明 时间: 2015-1-16 10:37
标题: 今天来学习用CSS为图片增加暗影效果
其实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
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 第二个灵魂 时间: 2015-1-25 07:32
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

作者: 若天明 时间: 2015-2-2 19:02
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 金色的骷髅 时间: 2015-2-8 04:57
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 小魔女 时间: 2015-2-24 17:48
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

作者: 莫相离 时间: 2015-3-15 07:30
可以使用 CSS 检查工具进行设计。

作者: 深爱那片海 时间: 2015-3-22 00:04
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

欢迎光临仓酷云 (http://ckuyun.com/)