十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

网站制作过程中设置网页背景的三种常用方式

百恒网络 2013-11-21 2772

网页制作中还有一个网页背景的概念,一个好的网页背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。你会发现大型网站也设置了网页背景,虽然说图片背景会降低网站的加载速度,但是却以其优美的样子受人们的欢迎。下面南昌网站建设公司说说网站制作过程中设置网页背景的三种常用方式:
1.条状背景
与沙纹背景不同的是,条状背景只让图片在一个方向上重复排列。
首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过 
<body background="picture"> 
将其设为页面背景。 这样图片就会在竖直方向排列了。还可以通过在<head>里面加入
<style type="text/css">
<!--
body {
background-image: url(picture);
background-repeat: repeat-x;
}
-->
</style>
来设置,其中picture是图片的路径。
无任何重复的背景
无任何重复的背景可以这样来做,在<head>里面加入

<style type="text/css">
<!--
body {
background-image: url(file:///E|/web/my_web/../images/aboutus.jpg);
background-repeat: no-repeat;
}
-->
</style>
2.用颜色作为网页背景
    如果说图片背景会降低网站打开速度,那么颜色背景就是一个良好的解决方案了。特别对于宽屏来说。淡淡的颜色背景比白色的背景好看多了。颜色背景是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。
    在网页文件中,一般通过<body>标签来指定页面的颜色背景,格式是:
<body bgcolor="color">其中的"color"表示想要放置的颜色,可以用各种不同的颜色表示方法,一般我们用颜色的十六进制表示,如#aeaeae(淡灰色)、#ff0000(红色)等等,此外还可以用百分比值法和整数法,其效果都是一样的。 
3.沙纹型网页背景 
   我们在网站制作的时候,如果没有对背景显示方法进行控制,那么当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。即横排和竖排,因为这个现象,我们可以用一小块图片作为页面背景,让他们铺满整个页面。这样就用不着大图片做背景了,因为大图片做背景,网页打开速度会慢的。 方法是:
<body background="picture"> 其中的picture表示背景图片的URL路径。

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×