（中职）Web前端设计基础 项目七电子课件.pptxVIP

YCF;;Contents;一 项目描述;二 知识准备;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化文本;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化段落;CSS 3美化图片;CSS 3美化图片;CSS 3美化图片;CSS 3美化图片;CSS 3美化图片;CSS 3美化图片;CSS 3美化图片;CSS 3图文混排;CSS 3图文混排;CSS 3图文混排;三 项目实施;图文混排;head meta charset=UTF-8 title图文混排/title style body{font-family: 微软雅黑,黑体;font-size: 14px;} div{border:2px red solid;padding:10px;} #img01{float: right;text-align: center;} #img01 img{width:250px;} /style /head;图文混排;图文混排;图片特效制作;style type=text/css body{ margin:30px; background-color:#CCC; } .photo{ width:290px; padding:10px; margin:10px; border:1px solid #BFBFBF; background-color:#FFF; box-shadow:10px 10px 10px #999999;/*图片阴影的设置*/ } .r_left{ float:left; transform:rotate(8deg);/*图片向右倾倒*/ } img{width:290px;height:215px;} .r_right { float:left; transform:rotate(-8deg);/*图片向左倾倒*/ } /style;图片特效制作;图片特效制作;四 项目拓展;四 项目拓展;四 项目拓展;四 项目拓展;四 项目拓展;四 项目拓展;五 项目小结;五 项目小结;五 项目小结;六 技能训练;End