给网页添加背景图片
分类:东莞网站建设  日期:2013-8-2  浏览:次  点击返回
标签: 网站建设基础知识 网站色彩  文章来源:洪福科技
通常我们在打开QQ空间或网上提供一些博客空间时,都会看到大部分的网页加上了漂亮的背景图片。从而让网站增色不少,配一动画、音乐,一个完美的场景主题就出来,把网站烘托得有声有色。
 
那在实际中,我们是如何给网页加上背景呢,如何让爽心悦目的背景图为我所用呢?其实很简单,洪福科技手把手,让您的网站与从不同。
 
 
背景图片添加的代码如下:
 
方式一、新建一个页面,插入表格或DIV,设置背景图片,如果是dreamweaver做为编辑工具的话,页面属性里有一个设置网站背景的选项,选择您准备好的图片就可看到了
 
方式二、用CSS样式定义:.bk{background:url(背景图片名称) center no-repeat fixed; },写好样式后,在<body class=bk>;当然也可以直接设置body属性,即body{ background:url(背景图片名称) center no-repeat fixed; },这样就不用再用class了。
 
方式三、直接在body里面定义:<body background=网页背景图片地址>
 
我们在定义网页页面背景时,常常离不开以下几个参数,下面就说说网页背景图代码的具体释义:
 
background-image:url(背景图片地址) ;
background-repeat: no-repeat;定义背景图片不重复或按X、Y轴方向平铺
background-position: center;定义背景居中、居左或居右
background-attachment: fixed; 定义背景图片的滚动或固定
 
在写样式时我们可以按需简写,不用给出代码的完整写法,以减少容量。还在一个需要注意的是,我们用纯色的图片来做背景时,尽量用颜色代码来替换,可以减少http请求,加快打开速度。即用bgcolor来换background.
 
以上几种方式,就是如何给网页添加背景图片或背景颜色。当然我们在给其中一个区域加背景时,也是采用这种方式,只是把样式定义到指定的对象上即可。

域名注册 |  企业邮箱 |  虚拟主机 |  网站设计 |  网站建设报价 |  网站推广 |  网站建设 |  联系我们 |  Sitemap

洪福科技是东莞正规网页设计公司,提供东莞建站、网络推广、企业邮箱、域名注册和虚拟主机服务,专注于中小企业网站建设和网络营销服务,共享网络开放平台!

地址:广东省东莞市鸿福东路红棉路24号  邮编:523000  电话:0769-3321 8176   传真:0769-8987 5073    邮箱:teach@gdhfkj.com

Copyright(©) 2009-2013 东莞市洪福科技有限公司 All Rights Reserved. 版权所有  粤ICP备09061858号