第五讲 CSS(二).pptVIP

第五讲 CSS(二) 计算机科学与技术学院 杨 磊 资料来源 CSS电子书 /special/w/000915SQ/webmediatech.html 《Dreamweaver MX中文版精彩设计百例》 教学方法：结合Dreamweaver教学 w3schools1 w3schools2 /css/index.asp 背景 区块 盒子 边框 列表 定位 扩展 滤镜 滤镜特效 滤镜特效 Alpha(Opacity=100,FinishOpacity=0,Style=2) 说明：Style设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。 Blur(Add=0,Direction=1,Strength=8) Add设置是否单方向模糊，此参数是一个布尔值 Direction设置模糊的方向，其中0度代表垂直向上，然后每45度为一个单位。 Strength代表模糊的像素值。 滤镜特效 滤镜特效 滤镜特效 在使用CSS滤镜时，必须应用在有区域范围的元素上，比如表格、图片等。 而对于文本、段落这样没有区域的元素直接使用CSS滤镜将不出现任何效果。所以对这样的元素可以通过设置元素的“高”和“宽”值或坐标来实现。 为了不影响原来对象的高度，设置的高度不能超过字体本身的高度。 本例是在第3步“盒子”选项参数“高”设置为1像素。 滤镜特效 CSS与JavaScri