frameset框架设置背景图片,frame背景颜色

http://www.itjxue.com  2023-01-06 17:05  来源:未知  点击次数: 

frame怎么加背景图和背景色

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

HTML

HEAD

TITLE New Document /TITLE

META NAME="Generator" CONTENT="EditPlus"

META NAME="Author" CONTENT="YangHui"

META NAME="Keywords" CONTENT="YangHui"

META NAME="Description" CONTENT="YangHui"

SCRIPT LANGUAGE="JavaScript"

!--

function setColor(c){

var r = Math.floor((Math.random() * 256)).toString(16);

var g = Math.floor((Math.random() * 256)).toString(16);

var b = Math.floor((Math.random() * 256)).toString(16);

var colorString = "#" + r + g + b;

c.document.write("body bgcolor='" + colorString +"'/body");

c.document.close();

setTimeout("setColor(" + c.name +")", 1000);//c.setTimeout("parent.setColor(parent."+ c.name +")" , 1000);

}

//--

/SCRIPT

/HEAD

FRAMESET ROWS="33%,34%,33%" COLS="33%,34%,33%" onload="for(var i=0;i9;i++) setColor(frames[i]);"

FRAME SRC="javascript:''" NAME="f1"

FRAME SRC="javascript:''" NAME="f2"

FRAME SRC="javascript:''" NAME="f3"

FRAME SRC="javascript:''" NAME="f4"

FRAME SRC="javascript:''" NAME="f5"

FRAME SRC="javascript:''" NAME="f6"

FRAME SRC="javascript:''" NAME="f7"

FRAME SRC="javascript:''" NAME="f8"

FRAME SRC="javascript:''" NAME="f9"

/FRAMESET

/HTML

(javascript,css)如果用frameset将窗口分成五个frame了,还能用一张大图作为整个窗口的背景图片吗?

在每个frame的css中设置body的background样式,比如

frame1:

body {background:url(back.jpg) no-repeat 0 0 fixed} /*这个背景图是从0,0位置处开始显示的,这是一般的正常显示方式*/

frame2:

body {background:url(back.jpg) no-repeat -300px 0 fixed} /*这个背景图是从-300,0坐标处开始显示的,那么实际显示出的背景图就是从原图的300,0处开始的图像*/

frame3:

body {background:url(back.jpg) no-repeat 0 -200px fixed} /*这个背景图是从0,-200坐标处开始显示的,那么实际显示出的背景图就是从原图的0,200处开始的图像*/

frame4:

body {background:url(back.jpg) no-repeat -300px -200px fixed} /*这个背景图是从-300,-200坐标处开始显示的,那么实际显示出的背景图就是从原图的300,200处开始的图像*/

经过这样的拼接,四个Frame中的页面显示出的就是一个完整的背景图。

最后,建议你最好不要用frameset来做网页,现在不流行这个了,而且会有很多麻烦的。

html中怎么改变框架的背景图片和背景色?

框架就是多个网页合成的,把每个网页设置背景图片不就可以了

html框架怎么添加背景颜色

html框架怎么添加背景颜色方法:

一、网页单色背景 ? - ??TOP

1、如果纯颜色的网页背景,只需要对body设置background背景颜色即可

body{background:#FFF}

设置网页背景为白色

二、规律背景图片 ? - ??TOP

1、从上到下渐变横向相同背景

渐变从上到下宽度全屏背景效果截图

这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图

切出这样一个竖条图片素材作为背景素材

body{background:#FFF?url(bg.gif)?repeat-x?0}

这样设置这个图片为背景图片靠网页顶部水平平铺,背景为白色,这里注意根据你的图片路径设置好引入图片路径。

2、水平平铺类背景图片

原理和渐变平铺相同,也是切出一竖条后作为Body背景水平平铺实现,这样就全屏网页背景铺满。

代码和第1种相同,只是图片不同而已。对body设置背景图片水平平铺。

三、不规律大图背景

假如这张背景图片为:bg.jpg

设置CSS代码:

body{background:?url(bg.jpg)?no-repeat?center?0}

代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示

四、头部背景图片和底部背景图片内容多少高度可增减头部底部背景不变 ? - ??TOP

两种常见头部和底部不同背景图片技巧设置布局方法。

1、头部和版权图片

这种直接将头部背景图片设置为body背景居中靠上显示,底部版权地方DIV设置宽度100%;同时设置此背景图片或背景颜色。

body{background:?url(bg.jpg)?no-repeat?center?0}?

#footer{margin:0?auto;width:100%;background:?url(ft-bg.jpg)?no-repeat?center?0}

这样即可实现头部底部背景不同,同时不受内容多少高度影响。

2、网页靠顶部上背景图与固定底部靠下背景图

而靠底部背景图片远超出了版权底部盒子高度。

这样的结构上下不同图片,不随中间内容增高减少影响背景布局,通常对html标签和body设置背景即可实现。

假如顶部深蓝背景图片为“top.jpg”,底部浅蓝背景图片为“foot.jpg”

DIV CSS设置网页背景关键CSS代码:

html{background:?url(top.jpg)?no-repeat?center?0}?

body{background:?url(foot.jpg)?no-repeat?center?bottom}

设置深蓝背景图片为html背景水平居中靠上;设置浅蓝背景图片为body背景图片水平居中靠下。

java web frame框架怎么设置背景图

frameset rows="59,*" cols="*" frameborder="1" border="1" framespacing="2" style="background:"

这种方法试试呢

(责任编辑:IT教学网)

更多

推荐其它系统文章