我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码或CSS代码怎么写?

我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码或CSS代码怎么写?,第1张

body {background:url(bg.jpg) top center no-repeatbackground-size:cover}

这样的话背景图片就会填充整个屏幕了

不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。

另外 background-size:cover还可以替换成 background-size:contain使用cover的意思是把背景图片充满整个容器,而不考虑是不是可以看到完整的图片;使用contain的意思是在容器里完整显示图片,而不考虑容器是否被填满。

添加背景图片和后端程序没什么直接的关系

是css控制的

body

{background:#99FF00

url(background.gif)

no-repeat

fixed

40px

100px}

这里面的url里面那个图片地址就是添加的背景

一、添加背景图片:body { background: url("xxx.jpg")}

原本<body>卷标提供了以下几种设定:

<body

alink=colorvalue

background=url

bgcolro=colorvalue

link=colorvalue

text=colorvalue

bgproperties=fixed /*背景固定

leftmargin=pixels /*离浏览器显示窗左边的距离

topmargin=fixels /*离浏览器显示窗上面的距离

>

background-image:url(n.jpg)

/*背景图档

background-repeat:repeat|repeat-x|repeat-y|no-repeat

/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示

background-attachment:scroll|fixed

/*卷动或固定

background-position:x%,y%|x,y|top|left|center|bottom|right

/*背景图文件位置

二、添加框架:

①打开Dreamweaver,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。

②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存, *** 作一样。

③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。

④再分别更正左右两个页面的页面属性。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11447740.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存