⏹6.1.2表格的颜色（6-2.html） ⏹6.1.3表格的边框 6.2表格实例一： 隔行变色 ⏹6-4.html .datalisttr.altrow{ background-color: #c7e5ff;/*隔行变色*/ } 6.3CSS与表单 ⏹6.3.1表单中的元素（6-7.html） ⏹6.3.2像文字一样的按钮（6-9.html） 7页面和浏览器元素 7.1丰富的超链接特效 ⏹7.1.1动态超链接（7-1.html） ⏹7.1.2按钮式超链接（7-2.html） ⏹7.1.3浮雕式超链接（7-3.html） 7.2鼠标特效 ⏹CSS控制鼠标箭头（7-4.html） a.help: hover{/*“帮助”按钮的样式*/ cursor: help;/*变幻鼠标形状*/ } 7.3页面滚动条 ⏹7-5.html 8CSS制作实用菜单 8.1项目列表 ⏹8.1.1列表的符号（8-1.html） ul{ font-size: 0.9em; color: #00458c; list-style-type: decimal;/*项目编号*/ } ⏹8.1.2图片符号（8-3.html） ul{ font-family: Arial; font-size: 13px; color: #00458c; list-style-image: url（icon1.gif）;/*图片符号*/ } 8.2无需表格的菜单 ⏹8-5.html 8.3菜单的横竖转换 ⏹8-6.html #navigationli{ float: left;/*水平显示各个项目*/ } #navigationlia{ display: block;/*区块显示*/ padding: 3px6px3px6px; text-decoration: none; border: 1pxsolid#711515; margin: 2px; } 8.4流行的Tab菜单 ⏹8.4.1网易、雅虎实例 ⏹8.4.28-9.html 9CSS滤镜的使用 9.1滤镜概述 CSS滤镜并不是浏览器的插件，也不符合CSS标准，而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。 由于浏览器IE有着很广的使用范围，因此CSS滤镜也被广大设计者所喜爱。 CSS滤镜的标识符是“filter”，总体上跟其它CSS语句一样，都十分简单： filter: filtername（parameters）; 也就是说，进行滤镜操作必须先定义filter，filtername是滤镜属性名，包括alpha、blur、chroma等多种属性，parameters是表示各个滤镜属性的参数，也正是这些参数决定了滤镜将以怎样的效果显示。 9.2~9.7滤镜实例 ⏹9.2Alpha通道（9-1.html） .alpha{ filter: alpha（opacity=50）; } ⏹9.3Blur模糊（9-5.html） .blur{ filter: progid: DXImageTransform.Microsoft.blur（pixelradius=4,makeshadow=false）; } ⏹9.4透明色（9-7.html） .chroma{ filter: chroma（color=FF6800）;/*去掉金黄色*/ } ⏹9.5Flip翻转（9-10.html） .flip1{ filter: fliph;/*水平翻转*/ } .flip2{ filter: flipv;/*竖直翻转*/ } .flip3{ filter: flipvfliph;/*水平、竖直同时翻转*/ } ⏹9.6遮罩（9-15.html） .mask{ filter: mask（color=#8888FF）;/*遮罩效果*/ } ⏹9.7波浪（9-20.html） .wave1{ filter: wave（add=0,freq=2,lightstrength=70,phase=75,strength=4）; } .wave2{ filter: wave（add=0,freq=4,lightstrength=20,phase=25,strength=5）; } .wave3{ filter: wave（add=1,freq=4,lightstrength=60,phase=0,strength=6）; } 滤镜的种类主要有如下几个常用的： 1.Alpha通道 2.移动模糊（MotionBlur） 3.透明色（Chroma） 4.下落阴影（DropShadow） 5.对称变换（Flip） 6.光晕（Glow） 7.灰度（Grayscale） 8.反色（Invert） 9.遮蔽（Mask） 10.阴影（Shadow） 11.波浪（Wave） 12.X光效果（X－ray） 1.alpha是来设置透明度的。 filter: alpha（opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY） Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。 其中0代表统一形状；1代表线形；2代表放射状；3代表长方形，当style为2或者3的时候，startX、startY等坐标参数便没有意义，都是以图片中心为起始，四周为结束。 Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。 如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。 2.Blur模糊 filter: blur（add=add,direction=direction,strength=strength）; Add参数有两个参数值： tru
展开阅读全文
相关搜索
|