《html+css+javascript 标准实例教程(第二版)14》由会员分享，可在线阅读，更多相关《html+css+javascript 标准实例教程(第二版)14（37页珍藏版）》请在装配图网上搜索。
1、,HTML/CSS/JavaScript,标准教程实例版（第,2,版）,第,章,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,习题,HTML/CSS/JavaScript,标准教程实例版（第,
2、2,版）,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,设
3、置背景颜色,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,插入背景图片,backgro
4、und-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|fi
5、xed,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
6、|repeat-y|no-repeat,14.5,设置重复背景图片,background-repeat,语法说明,14.5,设置重复背景图片,background-repeat,实例代码,14.5,设置重复背景图片,background-repeat,接上页,14.5,设置重复背景图片,background-repeat,网页效果,14.6,设置背景图片位置,background-position,基本语法,background-position,：百分比,|,长度,|,关键字,14.6,设置背景图片位置,background-position,语法说明,利用百分比和长度设置图片位置时，都要指
7、定两个值，并且这两个值要用空格隔开。一个代表水平位置，一个代表垂直位置。水平位置的参考点是网页页面的左边，垂直位置的参考点是页面的上边。,关键字在水平方向的主要有,left,、,center,、,right,，表示居左、居中和居右。关键字在垂直方向的主要有,top,、,center,、,bottom,，表示顶端、居中和底端。其中水平方向和垂直方向的关键字可相互搭配使用。,使用百分比和关键字对比说明,background-position,属性的属性值。,附表,14-2,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,小实例,综合设置颜色和背景,网页效果,
html+css+javascript 标准实例教程(第二版)14
