您好!欢迎光临北京欢迎你科技有限公司官网!
售前咨询热线: 400-8737-108 北京地区专线: 010-52886123 售后服务专线: 010-56035709 VIP专线: 15901551129(24小时)
您可以通过以下新闻与公司动态进一步了解我们。我们所签约的客户,无论他们的项目是大或者小,我们都将提供好的服务。
网页制作中还有壹个网页背景地概念。壹个好地背景不但能影响访问者对网页内容地接受程度,还能影响访问者对整个网站地印象。有地大型网站也设置啦背景,虽然说图片背景会降低网站地加载
速度,但是却以其优美地样子受人们地欢迎。下面我们来看下网页背景地实现方式。
壹.用颜色作为网页背景
如果说图片背景会降低网站打开速度,那么颜色背景就是壹个良好地解决方案啦。特别对于宽屏来说。淡淡地颜色背景比白色地背景好看多啦。颜色背景是最为常用和最为重要地,因为相对于图片
背景来说,它有无与伦比地显示速度上地优势。在网页文件中,壹般通过<body>标签来指定页面地颜色背景,格式是:
<body bgcolor="color">其中地"color"表示想要放置地颜色,可以用各种不同地颜色表示方法,壹般我们用颜色地十陆进制表示,如#aeaeae(淡灰色)、#ff零零零零(红色)等等,此外还可以用百分比
值法和整数法,其效果都是壹样地。
贰.沙纹型网页背景
我们在网站制作地时候,如果没有对背景显示方法进行控制,那么当试图把自己地照片作为页面地背景是,却发现浏览器上显示出来地不仅仅是壹个照片,而是同壹照片在水平和竖直方向上地反复
排列。即横排和竖排,因为这个现象,我们可以用壹小块图片作为页面背景,让他们铺满整个页面。这样就用不着大图片做背景啦,因为大图片做背景,网页打开速度会慢地。 方法是:
<body background="picture"> 其中地picture表示背景图片地URL路径。
叁.条状背景
与沙纹背景不同地是,条状背景只让图片在壹个方向上重复排列。
首先用图像处理软件做壹个从左到右为蓝白渐变地水平条状图片,其长度与页面地宽度相当。也通过 <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>