使用CSS样式美化超链接和鼠标指针.pptVIP

box-shadow属性（CSS3.0） sghgmyy@126.com 【任务展示】 案例效果图 box-shadow属性（CSS3.0） sghgmyy@126.com 【任务实现】 CSS样式代码 box-shadow属性（CSS3.0） box-shadow属性的语法格式如下： 第1个length值表示阴影水平偏移值，可以取正、负值； 第2个length值表示阴影垂直偏移值，可以取正、负值； 第3个length值表示阴影模糊值。 color：用于设置阴影的颜色。 sghgmyy@126.com 【相关知识】 box-shadow : length length length || color ; box-shadow属性（CSS3.0） 如果不通过CSS3.0新增的box-shadow属性，如何实现网页元素的阴影效果？ 目前各浏览器对CSS3.0的支持不相同。如果不使用CSS3.0新增的box-shadow属性，要实现网页元素的阴影效果，可以通过CSS中的shadow或Dropshadow滤镜来实现。 sghgmyy@126.com overflow属性（CSS3.0） 当对象的内容超过其制定的高度及宽度时，应该如何进行处理？在CSS3.0中新增了overflow属性，通过该属性可以设置当内容溢出时的处理方法。 本实例制作的是一个卡通插画页面，通过对overflow属性的设置，很好地处理了内容溢出的问题，使得页面变得更加整洁、美观且具有实用性。 sghgmyy@126.com 【任务描述】 overflow属性（CSS3.0） sghgmyy@126.com 【任务展示】 案例效果图 overflow属性（CSS3.0） sghgmyy@126.com 【任务实现】 CSS样式代码 overflow属性（CSS3.0） sghgmyy@126.com 【相关知识】 overflow属性的语法格式如下： overflow : visible | auto | hidden | scroll ; 属性值 说明 visible 不剪切内容也不添加滚动条。 auto 在需要时剪切内容并添加滚动条。 hidden 不显示超过对象尺寸的内容。 Scroll 总是显示滚动条。 Overflow属性值 overflow属性（CSS3.0） sghgmyy@126.com 能不能当内容溢出时，控制其只显示垂直或水平方向上的滚动条？ 可以，overflow属性还有两个相关属性overflow-x和overflow-y，分别用于设置水平方向溢出处理和垂直方向上的溢出处理，其属性值和设置方法与overflow属性完全相同。 垂直方向显示滚动条 resize属性（CSS3.0） 在CSS中新增了区域缩放调节的功能设置，通过新增的resize属性，就可以实现页面中元素的区域缩放操作，调节元素的尺寸大小。 本实例通过添加相应的代码部分，使该页面中的部分区域对象有了缩放调节的功能。 sghgmyy@126.com 【任务描述】 resize属性（CSS3.0） sghgmyy@126.com 【任务展示】 Firefox浏览器中效果图 resize属性（CSS3.0） sghgmyy@126.com 【任务实现】 CSS样式代码 resize属性（CSS3.0） sghgmyy@126.com 【相关知识】 resize属性的语法格式如下： resize : none | both | horizontal | vertical | inherit ; 属性值 说明 none 不提供元素尺寸调整机制。 both 提供元素尺寸的双向调整机制。 horizontal 提供元素尺寸的单向水平方向调整机制。 vertical 提供元素尺寸的单向垂直方向调整机制。 inherit 默认继承。 resize属性值 resize属性（CSS3.0） sghgmyy@126.com 类型 版本 IE （×）IE6.0 （×）IE7.0 （×）IE8.0 Firefox （×）Firefox3.0 （√）Firefox3.5 Chrome （√）Chrome1.0.x （√）Chrome2.0.x Opera （×）Opera9.63 Safari （√）Safari3.1 （√）Safari4.0 resize属性的兼容性 outline属性（CSS3.0） outline属性用于为元素周围绘制轮廓边框，通过设置一个数值使边框边缘的外围偏移，可以起到突出元素的作用。 本实例通过添加o