`
didasoft
  • 浏览: 164780 次
  • 性别: 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的图形文件
分享到:
评论

相关推荐

    CSS滤镜效果大全

    DropShadow滤镜用于创建一个对象的阴影效果,使对象看起来像是悬浮在页面之上。 - **表达格式**: ```plaintext filter: dropshadow(color=color, offx=offx, offy=offy, positive=positive); ``` - **参数说明*...

    css滤镜效果实例丛书

    与传统的图像处理方法相比,CSS滤镜的优点在于其无需服务器端的参与即可实现效果的变化,大大减少了页面加载时间,并且可以通过JavaScript实现动态效果。 **2. 应用范围** CSS滤镜可以应用于多种HTML标签中,包括...

    《CSS全程指南》随书光盘

    3.2 图像阴影效果 91 3.3 图像替代文本 96 3.4 图片裁剪 98 3.5 制作图像走廊 100 3.6 小结 106 第4章 链接样式设计 107 4.1 链接样式 108 4.1.1 a:link 108 4.1.2 a:visited 109 4.1.3 a:hover 110 4.1.4 a:active ...

    HTML基础5-Css的滤镜效果.pdf

    - `dropshadow`滤镜用于添加对象的阴影效果,让对象看起来像是离开了页面并产生了投影。参数包括`color`(阴影颜色)、`offx`(X轴偏移量)、`offy`(Y轴偏移量)和`positive`(是否为透明像素创建投影)。 4. **alpha滤镜...

    网页制作之css滤镜

    Dropshadow滤镜用于在元素周围添加阴影效果。其基本语法如下: ```css style="filter:Dropshadow(color=#value, offx=value, offy=value, positive=value);" ``` 其中: - `color`:定义阴影的颜色。 - `offx`:...

    CSS滤镜手册

    CSS滤镜是一组用于修改元素视觉表现的图形效果,允许开发者通过简单的代码实现图像处理功能,如模糊、阴影、色彩调整等。这些效果无需借助额外的图像编辑软件即可在网页上实时应用。 #### Alpha滤镜 Alpha滤镜用于...

    css基础–滤镜特效

    4. DropShadow滤镜:添加阴影效果,可以自定义阴影的位置和颜色。 5. FlipH/FlipV滤镜:实现水平或垂直翻转效果。 6. Glow滤镜:添加边缘光晕效果,增强元素的轮廓。 7. Gray滤镜:将元素转换为灰度图像。 8. ...

    css文字滤镜.pdf

    6. **dropshadow**:下落阴影效果。 - **示例代码**: ```html ;font-size:30pt;filter:dropshadow(color=maroon,positive=1)"&gt;路阳光 ``` - **解析**:`dropshadow` 滤镜可以为文本添加下落阴影,`color`设置...

    精通JavaScript+jQuery Part1

     10.5 定位实例二:文字阴影效果   第11章 CSS+div布局方法剖析   11.1 CSS排版观念   11.2 固定宽度且居中的版式  11.3 左中右版式   11.4 块的背景色问题  11.5 排版实例:电子相册   11.6 ...

    CSS DOM HTML经典参考手册-苏沈小雨版.rar

    它包括了一系列滤镜效果,如Alpha(透明度控制)、Blur(模糊效果)、DropShadow(阴影效果)等。虽然现代CSS已提供了更标准的替代方案,但了解这些滤镜对于理解早期Web开发和处理遗留项目仍然有用。 **默认行为...

    CSS滤镜详解

    通过使用特定的语法结构,开发者可以轻松地为页面元素添加各种视觉效果,如模糊、阴影、反色等。本文将详细介绍CSS滤镜的基本概念及其各个滤镜的功能与用法。 #### 一、CSS滤镜概述 CSS滤镜是一种可以在不改变HTML...

    asp.net 3.5 sp1开发资料

    - 说明:此滤镜用于创建对象的阴影效果,通过调整颜色、偏移量和正负参数,可以实现细腻的阴影效果。 5. **FlipH(水平翻转)**和**FlipV(垂直翻转)** - 语法:`filter:FlipH`和`filter:FlipV` - 说明:这两个...

    filter滤镜的使用

    12. **Shadow**:建立一个对象的固体轮廓,即阴影效果。 - 应用场景:增强元素的空间感和立体感。 13. **Wave**:在X轴和Y轴方向利用正弦波纹打乱图片。 - 应用场景:创建波浪或水波纹效果,适合动态效果的设计。...

    HTML手册 javascript 页面

    - 滤镜:是早期为IE浏览器提供的一些特效,如AlphaImageLoader用于透明度控制,DropShadow用于阴影效果。 - HTC(HTML Component):一种微软特有的组件技术,允许使用脚本语言扩展HTML元素的行为。 7. **VML矢量...

    css 滤镜

    CSS滤镜是一种强大的工具,允许开发者通过应用不同的视觉效果来增强网页元素的外观。这些滤镜主要用于调整图像、文本或任何HTML元素的视觉表现,创造出各种各样的视觉效果,如模糊、阴影、颜色转换等。以下是一些...

    MARQUEE网页标记.pdf

    4. CSS滤镜: CSS滤镜(如DropShadow, Blur等)是一系列用于创建视觉效果如模糊、阴影等的技术。随着CSS3的出现,这些效果已经被更强大的CSS属性(如box-shadow)所替代。 5. JavaScript事件处理函数: 文档中提到了...

    filter教程

    4. **DropShadow**: 添加阴影效果,如`filter: dropshadow(color=gray, offx=5, offy=5)`。 5. **FlipH/FlipV**: 水平或垂直翻转元素,如`filter: flipH`或`filter: flipV`。 6. **Glow**: 添加发光效果,如`filter:...

    CSS中filter滤镜的学习笔记(静态滤镜及动态滤镜)

    4. DropShadow:创建固定阴影效果,包括阴影颜色(color)、阴影在水平(offX)和垂直(offY)方向上的偏移,以及是否为正向阴影(positive)。 5. FlipH和FlipV:分别沿着水平轴和垂直轴翻转对象。 6. Glow:在...

    ModalPopupExtender控件属性、功能、实例演示和使用方式详解[借鉴].pdf

    - **阴影效果**:`DropShadow`属性控制弹出窗口是否有阴影效果。 - **交互按钮**:`OkControlID`和`CancelControlID`属性用于指定确认和取消按钮,`OnOkScript`和`OnCancelScript`则可以设置按钮点击时执行的...

Global site tag (gtag.js) - Google Analytics