项目7美化页面探究.pptVIP

芜湖职业技术学院 * 项目7 美化页面 《HTML5网页设计与实现》 『作 者』徐 琴 『时 间』2015.6 美化页面——学习情境 冰天美帝公司的员工小黄在前面的学习中，已经做出基本的框架，大致的样式也实现了，但是，在一些细节方面还没有达到理想的要求，例如：给文本设置投影的效果，想用字体型图标装饰页面，等等。他还需要学习美化页面的知识。 * CSS3文本阴影 text-shadow，即文本阴影，它可以设置水平阴影、垂直阴影、模糊的距离，以及阴影的颜色。其语法为： text-shadow: h-shadow v-shadow blur color; * h-shadow 水平阴影的位置（必需） v-shadow 垂直阴影的位置（必需） blur 模糊的距离（可选） color 阴影的颜色（可选） CSS3边框 利用CSS3可以在不使用图片处理软件的情况下，创建圆角边框，给矩形设置阴影，使用图片绘制边框。 css3中的border-radius属性可以轻松地设置元素的圆角边框，其语法为： border-radius: 1-4 length|% / 1-4 length|%; box-shadow属性可以为矩形框添加一个或多个阴影。其语法为： box-shadow: h-shadow v-shadow blur spread color inset; * CSS3边框 bo