Web前端开发技术与实践 第11章:背景与边框 阮晓龙 13938213680/rxl@hactcmeducn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 015.9
Web前端开发技术与实践 第11章：背景与边框 阮晓龙 13938213680 / rxl@hactcm.edu.cn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9 1
2 本章主要内容 口背景属性 口边框属性 口案例:图片轮转的实现 口案例:网页课程表的实现 米 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 背景属性 边框属性 案例：图片轮转的实现 案例：网页课程表的实现 2
3 1.背景属性 1.1基本属性 口背景的相关属性是用于控制元素背景色、背景图片等,同时可 以设置背景图片的排列方式。 口背景的基本属性主要用于定义背景的色彩、图片、重复方式等 基本内容 表1101背累的基本性 background-color 设置元素的背景颜色 把图像设置为背景 background-repeat 设置对象背景的背景图片是否平铺 background-attachment背景图像是否固定或者随着页面的其余部分滚动 background-position设置背景图像的起始位置 background 詢写蛋性,作用是将背景蛋性设置在一个声明中 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.背景属性 背景的相关属性是用于控制元素背景色、背景图片等，同时可 以设置背景图片的排列方式。 背景的基本属性主要用于定义背景的色彩、图片、重复方式等 基本内容。 3 1.1基本属性
4 1.背景属性 1.1基本属性 a background-color ■ background- color属性用于设置元素的背景颜色。它的默认值取值 为none,允许下面的任何内容显示出来。 background- color属性和 color属性一样支持多种颜色格式。 pf background-color yellow,) body background-color #ccC] fun( background-color #000 #test( background-color rgb(0,0, 0), 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.背景属性 background-color background-color属性用于设置元素的背景颜色。它的默认值取值 为none，允许下面的任何内容显示出来。 background-color属性和color属性一样支持多种颜色格式。 4 1.1基本属性
1.背景属性 1.1基本属性 a background-Image ■ background- image属性可以为元素指定背景图像。 如果图像包括透明区域,下面的内容将会显示出来。为防止这一点, 网页设计者通常将 background- image属性和 background- color属性 起使用。背景颜色显示在背景图像下面,提供了不透明的背景。 background- image属性需要一个UR来选择作为背景的相应图像。 ■用作背景图像的图片类型可以为浏览器支持的任何格式,通常为 GIF、JPG和PNG格式。 blbackground-image url(img. gif), background-color *fif, body background-image ur(mg. gif)] brick background-image url(img. gif)) #prison background-image url(mg. gif)) 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.背景属性 background-image background-image属性可以为元素指定背景图像。 如果图像包括透明区域，下面的内容将会显示出来。为防止这一点， 网页设计者通常将background-image属性和background-color属性 一起使用。背景颜色显示在背景图像下面，提供了不透明的背景。 background-image属性需要一个URL来选择作为背景的相应图像。 用作背景图像的图片类型可以为浏览器支持的任何格式，通常为 GIF、JPG和PNG格式。 5 1.1基本属性