会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
杰瑞的编程伊甸园
云原生微服务架构之旅
博客园
|
首页
|
新随笔
|
新文章
|
联系
|
订阅
|
管理
css实现页面对象的阴影效果,也就是dropshadow
<
STYLE
type
=text/css
>
BODY
{
}
{
PADDING-RIGHT
:
40px
;
PADDING-LEFT
:
40px
;
PADDING-BOTTOM
:
10px
;
MARGIN
:
0px
;
PADDING-TOP
:
10px
}
.image
{
}
{
BACKGROUND
:
url(dropshadow.png) no-repeat right bottom
;
FLOAT
:
left
}
.image IMG
{
}
{
DISPLAY
:
block
;
MARGIN
:
0px 9px 9px 0px
}
.image:unknown
{
}
{
DISPLAY
:
block
;
BACKGROUND
:
url(dropshadow.png) no-repeat left bottom
;
MARGIN
:
-9px 0px 0px
;
WIDTH
:
18px
;
HEIGHT
:
9px
;
content
:
""
}
.image:unknown
{
}
{
DISPLAY
:
block
;
BACKGROUND
:
url(dropshadow.png) no-repeat right top
;
MARGIN-BOTTOM
:
-18px
;
HEIGHT
:
18px
;
content
:
""
}
</
STYLE
>
<
DIV
class
=image
><
IMG
src
="CSS Dropshadow Technique - timcn_de_files/testbild1.jpg"
>
</
DIV
><
BR
style
="CLEAR: both"
><
BR
>
<
DIV
class
=image
><
div
>
asdfsadfjd;aksdj;fjas;askdfj;aslkdfas
<
p
>
asdfsadfasd dasfdasdfasdf dadsfsadfasdf
</
p
><
IMG
src
="CSS Dropshadow Technique - timcn_de_files/testbild2.gif"
style
="border: 1px solid black;"
></
div
>
</
DIV
>
使用了一个dropshadow.png的图形文件
发表于
2006-03-06 15:26
深圳杰瑞
阅读(
467
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告