最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

DIV样式几个特殊效果实现

IT圈 admin 35浏览 0评论

2024年3月22日发(作者:那曼)

你对DIV样式中的一些特殊效果是否熟悉,这里向大家简单描述一下,主要包括

cursor:设置DIV上光标的样式,clip:设置剪辑矩形以及filter:滤镜效果等,相信你一定会

对本文介绍感兴趣。

本文和大家重点讨论一下DIV样式中一些特殊效果的实现,比如cursor:它可以设置

DIV上光标的样式,clip:可以设置剪辑矩形,而DIV样式filter:可以实现滤镜效果,相信

本文介绍一定会让你有所收获。

DIV样式中一些特殊效果

1、cursor:设置DIV上光标的样式。

2、clip:设置剪辑矩形。

例:

Code

1.

2. cursor:help;clip:rect(0px100px20px0px);line-height:20px;

3. overflow:auto;background-color:Yellow;position:absolute">

4. div样式测式howareyou.

5.

6. 说明:clip:rect(toprightbottomleft);设置上下左右的距离,但此时要把position

指定为absolute。看以上效果。

3、filter:此DIV样式可以实现滤镜效果。

例:

Code

7.

8.

9. filter:alpha(opacity=50);opacity:0.5;

10. float:left;width:200px;height:200px;">

11.

12.

13. height:200px;float:left;">

14.

2024年3月22日发(作者:那曼)

你对DIV样式中的一些特殊效果是否熟悉,这里向大家简单描述一下,主要包括

cursor:设置DIV上光标的样式,clip:设置剪辑矩形以及filter:滤镜效果等,相信你一定会

对本文介绍感兴趣。

本文和大家重点讨论一下DIV样式中一些特殊效果的实现,比如cursor:它可以设置

DIV上光标的样式,clip:可以设置剪辑矩形,而DIV样式filter:可以实现滤镜效果,相信

本文介绍一定会让你有所收获。

DIV样式中一些特殊效果

1、cursor:设置DIV上光标的样式。

2、clip:设置剪辑矩形。

例:

Code

1.

2. cursor:help;clip:rect(0px100px20px0px);line-height:20px;

3. overflow:auto;background-color:Yellow;position:absolute">

4. div样式测式howareyou.

5.

6. 说明:clip:rect(toprightbottomleft);设置上下左右的距离,但此时要把position

指定为absolute。看以上效果。

3、filter:此DIV样式可以实现滤镜效果。

例:

Code

7.

8.

9. filter:alpha(opacity=50);opacity:0.5;

10. float:left;width:200px;height:200px;">

11.

12.

13. height:200px;float:left;">

14.

与本文相关的文章

发布评论

评论列表 (0)

  1. 暂无评论