当前位置:首页 > DIV+CSS教程 > 正文

视频:第2课 - 设置网页背景 - CSS/DIV布局专题讲解

作者:曾顺 来源:前沿视频教室 【 】 浏览: 添加日期:2008-06-26 我要评论(11)     

点击在线观看

下载该节视频教程 动力软件园分流下载 FLV播放器下载 或者使用QQ影音播放

任何一个网上的页面,它背景的颜色、基调往往是给用户的第一印象,因此在页面中控制背景通常是网站设计时一个很重要的步骤。本课在合理运用文字、图片等的基础上,重点介绍zCSS控制背景颜色、图片等的方法。

1.背景颜色

256×256×256种RGB色彩组成了整个绚丽多姿的网络,任何一个页面都有它的背景色来突出其基调,微软的蓝色、Google的白色、世纪坛的墨绿、圣诞网站的火红等等都给人们留下很深刻的印象。我们在这里主要通过实例,介绍CSS设置页面背景颜色的方法。希望大家能够掌握以下两个方面的内容:

  • 页面背景色
  • 用背景色给页面分块

2.背景图片

 

不单单是各种颜色,网页背景同样也可以使用图片。通过CSS可以对背景图片进行很精确的控制,包括位置、重复方式等等。我们在这里围绕背景图片的使用,对CSS的编写方法作进一步介绍。希望大家能够掌握以下几个方面的内容:

  • 页面的背景图
  • 背景图的重复
  • 背景图片的位置
  • 固定背景图片
  • 添加多个背景图片
  • 背景样式综合设置

3. 背景综合一:我的个人主页

个人主页是网络上记录自己、展现自己的一种很好的形式,很多用户在网上都拥有自己的页面。个人主页可以作为宣传自己的方式,也可以用来写网络日记,汇总学习心得,记录每天生活的点点滴滴。

我们在这里通过制作几米风格的个人主页,进一步学习CSS控制网页背景在实际中的运用方法,本例的最终效果如图所示。

 

4. 背景综合二:古词《念奴娇 赤壁怀古》

通过添加各种标记,可以让页面拥有多个背景,如果运用得当还可以得到各种效果。我们在这里以古词为例,进一步巩固页面背景的使用方法。本例最终效果如图所示。

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 视频 css网页背景

所属专题:视频教程

更多评论(11)..会员评论

sss111(119.36.*.*) 发表于:2013-07-21 19:04:21
怎么看不了饿
sss111(119.36.*.*) 发表于:2013-07-21 19:03:29
在线视频放不了,怎么弄饿,用了ie浏览器和360浏览器都不行啊
application(61.150.*.*) 发表于:2013-02-18 13:41:39
管理你好,我这边即下载不了了,而且视频也看不成···· 另外说句 这个网站做的很炫^.^
管理员回复:你换个浏览器试试,网站在乎的不是炫而是实用。
lee001007(180.137.*.*) 发表于:2012-07-13 11:15:17
一个学习的好地方
管理员回复:祝你学到更多的知识,也多推荐人来
mqlbeyond(211.136.*.*) 发表于:2011-07-09 17:14:42
教程很好,正在一章一章仔细往下看。希望有更好的教程呈现。。。
gguo1120(123.55.*.*) 发表于:2011-04-15 09:36:28
如果背景是一整张风景画,并平铺整个屏幕,那是不是就要用那一整张图片做背景? 如果是那样,图片至少要多宽?
管理员回复:建议不要用,因为加载会很慢的,图片宽度由用户的浏览器分辨率决定的。
QQ(218.3.*.*) 发表于:2010-08-20 12:33:18
真受不了这个人讲课的语气 还有一些东西没有现写实行 有些龙套,不值得看··垃圾
管理员回复:呵呵,受不了可以不看
Guest(123.5.*.*) 发表于:2009-11-10 10:39:24
我的在线观看为啥打不开呢?
管理员回复:我也不知道,我这儿能打开的

出差旅游免费预订酒店

【视频教程】新手常见问题