广告概述

第四章 CSS样式表

第四节 鼠标形状与滤镜

1．鼠标属性

CSS通过“cursor”属性来改变鼠标的形状。

属性值 | 解释 | 属性值 | 解释
auto | 自动 | e-resize | 箭头朝右方
crossair | 精确十字 | ne-resize | 箭头朝右上方
default | 默认 | nw-resize | 箭头朝左上方
hand | 手形 | n-resize | 箭头朝上方
move | 移动 | se-resize | 箭头朝右下方
text | 文本I形 | sw-resize | 箭头朝左下方
wait | 等待 | s-resize | 箭头朝下方
help | 帮助 | w-resize | 箭头朝左方

2．CSS滤镜

CSS的滤镜把我们带入绚丽多姿的多媒体世界。正是有了滤镜属性，页面才变得更加漂亮。

CSS的滤镜属性的标识符是filter。它的书写格式为：

filter：filtername（parameters）

CSS常用的滤镜如下：

滤镜名 | 解释 | 滤镜名 | 解释
alpha | 不透明度 | grayscale | 无色
blur | 模糊 | invert | 反相
chroma | 颜色透明 | light | 光照
dropshadow | 阴影 | mask | 掩膜
fliph | 水平翻转 | shadow | 立体投影
flipv | 垂直翻转 | wave | 波纹
glow | 发光 | xray | X光片