当前时区为 UTC + 8 小时



发表新帖 回复这个主题  [ 6 篇帖子 ] 
作者 内容
1 楼 
 文章标题 : 有无纯 CSS 实现 图片阴影的代码?
帖子发表于 : 2007-05-26 8:34 
头像

注册: 2006-03-30 13:34
帖子: 178
送出感谢: 0 次
接收感谢: 0 次
不知道有无纯 CSS 实现 图片阴影的代码?
让阴影自动适合图片。
无需 javascript 之类的,也不用图片做阴影?


_________________
http://www12.asphost4free.com/tobey/


页首
 用户资料  
 
2 楼 
 文章标题 :
帖子发表于 : 2007-06-08 18:32 

注册: 2007-05-07 12:50
帖子: 41
送出感谢: 0 次
接收感谢: 0 次
我认为没有.期待高人.


页首
 用户资料  
 
3 楼 
 文章标题 :
帖子发表于 : 2007-06-21 14:40 

注册: 2007-02-15 6:26
帖子: 356
送出感谢: 0 次
接收感谢: 1
不才,现丑了。

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>


附件:
文件注释: 效果图
shadow.png
shadow.png [ 48.58 KiB | 被浏览 1110 次 ]

文件注释: html + css + image
shadow.tar.gz [8.4 KiB]
被下载 169 次


_________________
2007:琉璃地,旃檀林。心心作。念念是。
页首
 用户资料  
 
4 楼 
 文章标题 :
帖子发表于 : 2007-06-21 14:55 

注册: 2007-02-15 6:26
帖子: 356
送出感谢: 0 次
接收感谢: 1
来一个更简易的--不需要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:琉璃地,旃檀林。心心作。念念是。


页首
 用户资料  
 
5 楼 
 文章标题 :
帖子发表于 : 2007-06-22 21:40 
头像

注册: 2006-03-30 13:34
帖子: 178
送出感谢: 0 次
接收感谢: 0 次
不错。看来就是只有加图片了。

改日来尝试。


_________________
http://www12.asphost4free.com/tobey/


页首
 用户资料  
 
6 楼 
 文章标题 :
帖子发表于 : 2007-07-19 7:21 

注册: 2007-02-15 6:26
帖子: 356
送出感谢: 0 次
接收感谢: 1
4楼的那个不用图片的。只是阴影不够明显。你不妨再套一个淡色的背景。

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

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


_________________
2007:琉璃地,旃檀林。心心作。念念是。


页首
 用户资料  
 
显示帖子 :  排序  
发表新帖 回复这个主题  [ 6 篇帖子 ] 

当前时区为 UTC + 8 小时


在线用户

正在浏览此版面的用户:没有注册用户 和 3 位游客


不能 在这个版面发表主题
不能 在这个版面回复主题
不能 在这个版面编辑帖子
不能 在这个版面删除帖子
不能 在这个版面提交附件

前往 :  
本站点为公益性站点,用于推广开源自由软件,由 DiaHosting VPSBudgetVM VPS 提供服务。
我们认为:软件应可免费取得,软件工具在各种语言环境下皆可使用,且不会有任何功能上的差异;
人们应有定制和修改软件的自由,且方式不受限制,只要他们自认为合适。

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
简体中文语系由 王笑宇 翻译