`
didasoft
  • 浏览: 157152 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css实现页面对象的阴影效果,也就是dropshadow

CSS 
阅读更多
<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的图形文件
分享到:
评论

相关推荐

    Qml外部阴影相关代码DropShadow

    Qml外部阴影相关代码DropShadow

    《精通CSS+DIV网页样式与布局》光盘源码

     9.6 下落的阴影(Dropshadow)   9.7 翻转变换(Flip)   9.8 光晕(Glow)   9.9 灰度(Gray)   9.10 反色(Invert)   9.11 遮罩(Mask)   9.12 阴影(Shadow)   9.13 X射线(X-ray)...

    精通CSS.DIV.网页样式与布局 源码

     9.6 下落的阴影(Dropshadow)   9.7 翻转变换(Flip)   9.8 光晕(Glow)   9.9 灰度(Gray)   9.10 反色(Invert)   9.11 遮罩(Mask)   9.12 阴影(Shadow)   9.13 X射线(X...

    精通CSS+DIV网页样式与布局

     9.6 下落的阴影(Dropshadow)   9.7 翻转变换(Flip)   9.8 光晕(Glow)   9.9 灰度(Gray)   9.10 反色(Invert)   9.11 遮罩(Mask)   9.12 阴影(Shadow)   9.13 X射线(X-ray)...

    精通CSS+DIV网页样式与布局视频教材

    9.6 下落的阴影(Dropshadow) 9.7 翻转变换(Flip) 9.8 光晕(Glow) 9.9 灰度(Gray) 9.10 反色(Invert) 9.11 遮罩(Mask) 9.12 阴影(Shadow) 9.13 X射线(X-ray) 9.14 浮雕纹理(Emboss和Engrave...

    精通CSS+DIV网页样式与布局Part1

     9.6 下落的阴影(Dropshadow)   9.7 翻转变换(Flip)   9.8 光晕(Glow)   9.9 灰度(Gray)   9.10 反色(Invert)   9.11 遮罩(Mask)   9.12 阴影(Shadow)   9.13 X射线(X-ray)...

    精通CSS.DIV网页样式与布局视频01

     9.6 下落的阴影(Dropshadow)   9.7 翻转变换(Flip)   9.8 光晕(Glow)   9.9 灰度(Gray)   9.10 反色(Invert)   9.11 遮罩(Mask)   9.12 阴影(Shadow)   9.13 X射线(X-ray)...

    《CSS全程指南》随书光盘

    之后本书又着重讨论如何使用DIV结合CSS来搭建网站,同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 ...

    精通JavaScript+jQuery Part1

     9.6 下落的阴影(Dropshadow)   9.7 翻转变换(Flip)   9.8 光晕(Glow)   9.9 灰度(Gray)   9.10 反色(Invert)   9.11 遮罩(Mask)   9.12 阴影(Shadow)   9.13 X射线(X-ray)...

    CSS样式风格定义

    系统默认提供的CSS样式风格定义 说 明:在《动易网站管理系统》中,CSS样式风格定义是可以自己自由定义的,也说是说您可以自由添加N多个自定义的风格,然后在各频道的版式模板中调用就行了。下面提供的是系统默认...

    CSS滤镜详解

     DropShadow:创建对象的固定影子  FlipH:创建水平镜像图片  FlipV:创建垂直镜像图片  glow:加光辉在附近对象的边外  gray:把图片灰度化  invert:反色  light:创建光源在对象上  mask:创建透明掩膜在...

    AJAX控件之DropShadow

    AJAX控件之DropShadow.rar

    C# 无边框窗体边框阴影效果的简单实现

    即可实现无边框窗体的阴影效果了 需要添加命名空间 using System.Runtime.InteropServices; 代码如下:private const int CS_DropSHADOW = 0x20000; private const int GCL_STYLE = (-26);   [DllImport(“user32...

    dropshadow - 绘图对象的投影类:为绘图对象添加投影。-matlab开发

    此类为坐标区中的绘图对象添加了完全可自定义的阴影。 它获取当前轴的“快照”,并使用带有高斯内核的 2D 卷积渲染阴影图像。 尽管如此,该图仍可导出为矢量图形格式,使其成为打印报告或 PDF 的理想选择。 用法:...

    ASP.NET AJAX控件之DropShadow 视频+源码

    ASP.NET AJAX控件之DropShadow

    ASP.NET AJAX控件之DropShadow.rar

    ASP.NET AJAX控件之DropShadow.rar

    css 滤镜测试样例大全

    css 滤镜例子大全;包含alpha(通道) blur(模糊) Chroma(透明色) DropShadow(投射阴影) FlipH(水平翻转)均有例子

    IE滤镜与CSS3效果(详细整理分享)

    最近的项目都会接触CSS3,万恶的IE却不支持,搜索了一下,发现IE的滤镜挺管用,貌似W3C正在把滤镜标准化。... DropShadow:创建对象的固定影子. FlipH:创建水平镜像图片. FlipV:创建垂直镜像图片. glow:加光辉在

    CSS 各种滤镜代码解释 用法案例

     Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 Chroma:制作专用颜色透明 DropShadow:创建对象的固定影子 FlipH:创建水平镜像图片 FlipV:创建垂直镜像图片 glow:加光辉在附

    IE4.0以上支持的滤镜属性表

    Shadow 建立一个对象的固体轮廓,即阴影效果 Wave 在X轴和Y轴方向利用正弦波纹打乱图片 Xray 只显示对象的轮廓 1、Alpha 滤镜 语法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,...

Global site tag (gtag.js) - Google Analytics