Ubuntu中文论坛

发表于： **2007-05-26 8:34**

不知道有无纯 CSS 实现图片阴影的代码？
让阴影自动适合图片。
无需 javascript 之类的，也不用图片做阴影？

发表于： **2007-06-08 18:32**

我认为没有.期待高人.

发表于： **2007-06-21 14:40**

不才，现丑了。

CSS

.shadow{float:left;background:url(shadow.gif) no-repeat bottom right;margin-bottom:10px}
.shadow div{float:left;padding:0 6px 6px 0;background:url(shadow2.png) no-repeat left top !important;background:url(shadow2.gif) no-repeat left top}
.shadow div div{background:#fff;border:1px solid #a9a9a9;padding:4px; margin:0}

Usage:

<div class='shadow'><div><div>
Text or Image both ok －－文字或图片均可
</div></div></div>

发表于： **2007-06-21 14:55**

来一个更简易的－－不需要CSS图片

CSS

.box {background:#dde5e9; padding:0 1px 1px 0; float:left; margin:1px;}
.box div {padding:4px; border:solid 1px #b0c0c5; background:#f6f8fa; float:left; margin:-1px 1px 1px -1px;}

HTML

<div class='box'><div>
这个shadow box 不需要图片也行
</div></div>

<div class='box'><div>
<img src='ubuntu.png' alt='' />
</div></div>

发表于： **2007-06-22 21:40**

不错。看来就是只有加图片了。

改日来尝试。

发表于： **2007-07-19 7:21**

4楼的那个不用图片的。只是阴影不够明显。你不妨再套一个淡色的背景。

<div class='box'><div><div>
这个shadow box 不需要图片也行
</div></div></div>

你自己想想看吧：这个CSS怎么写。

Ubuntu中文论坛

有无纯 CSS 实现 图片阴影的代码？

有无纯 CSS 实现 图片阴影的代码？

有无纯 CSS 实现图片阴影的代码？

有无纯 CSS 实现图片阴影的代码？