Web程序设计精品教学课件：chapter-14.pptVIP

14.6 设置背景图片位置——background-position 表14-2 backgorund-position属性取值说明 返回 14.6 设置背景图片位置——background-position 实例代码 14.6 设置背景图片位置——background-position 接上页 14.6 设置背景图片位置——background-position 网页效果 14.7 小实例——综合设置颜色和背景 实例代码 14.7 小实例——综合设置颜色和背景 接上页 14.7 小实例——综合设置颜色和背景 接上页 14.7 小实例——综合设置颜色和背景 网页效果 Web程序设计 第 章 14 第14章 颜色和背景 14.1 设置颜色——color 14.2 设置背景颜色——background-color 14.3 插入背景图片——background-image 14.4 插入背景附件——background-attachment 14.5 设置重复背景图片——background-repeat 14.6 设置背景图片位置——background-position 14.7 小实例——综合设置颜色和背景 14.8 习题 14.1 设置颜色——color 语法说明 ? 关键字：颜色关键字就是用颜色的英文名称来设置颜色。例如：“red”代表红色，“black”代表黑色等。 ? RGB值：在CSS中，RGB值有多种表示方式，如十六进制的RGB值和RGB函数值都行。 14.1 设置颜色——color 实例代码 14.1 设置颜色——color 接上页 14.1 设置颜色——color 网页效果 14.1 设置颜色——color 网页效果 14.2 设置背景颜色——background-color 基本语法 background-color: 关键字|RGB值|transparent 14.2 设置背景颜色——background-color 语法说明 ? 关键字和RGB值可参照上一节“14.1设置颜色——color”中的语法说明。 ? transparent表示透明值，是背景颜色background-color属性的初始值。 14.2 设置背景颜色——background-color 实例代码 14.2 设置背景颜色——background-color 接上页 14.2 设置背景颜色——background-color 网页效果 14.3 插入背景图片——background-image 基本语法 background-image:url|none 14.3 插入背景图片——background-image 语法说明 ? URL指定要插入的背景图片路径或名称，路径可以为绝对路径也可以为相对路径。第6章有绝对路径和相对路径的详细内容讲解。图片的格式一般以GIF、JPG和PNG格式为主。 ? none是一个默认值，表示没有背景图片。 14.3 插入背景图片——background-image 实例代码 14.3 插入背景图片——background-image 接上页 14.3 插入背景图片——background-image 网页效果 14.4 插入背景附件——background-attachment 基本语法 background-attachment:scroll|fixed 14.4 插入背景附件——background-attachment 语法说明 ? scroll表示背景图片是随着滚动条的移动而移动。是浏览器的默认值。 ? fixed表示背景图片固定在页面上不动，不随着滚动条的移动而移动。 14.4 插入背景附件——background-attachment 实例代码 14.4 插入背景附件——background-attachment 接上页 14.4 插入背景附件——background-attachment 网页效果 14.5 设置重复背景图片——background-repeat 基本语法 background-repeat:repeat|repeat-x|repeat-y|no-repeat 14.5 设置重复背景图片——background-repeat 语法说明 14.5 设置重复背景图片——background-repeat 实例代码 14.5 设置重复背景图片——background-repeat 接上页 14.5 设置重复背景图片——background-repeat 网页效果 14.6 设置背景图片位置——background-position 基本语法 backgroun