网页制作网页中,如何让背景图片在任何电脑显示频上看都是满屏,宽度刚好的?(没有左右滚动条的)

作者&投稿:磨英 (若有异议请与网页底部的电邮联系)
设计网页的时候,怎样让图片在不同的分辨率和显示器下都是满屏显示的?宽度的尺寸是多大?~

在DW软件的菜单栏中选择“修改”,打开修改选项卡;
然后选择“页面属性”,弹出页面属性面板;
在属性面板左侧“分类”栏中选择“外观”;
然后将左边距、右边距、上边距、下边距的值都设置为0就可以了。
应该所有电脑都会默认满屏显示的,如果同时想手机、平板电脑都为满屏显示,就要进行”多屏幕“设置。我也是学习中,有什么不对的地方求指正,希望可以帮到你。

用Dreamweaver软件编辑
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。









二、在标签里添加文件路径,语法如下:

这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。



三、在里添加样式,代码如下:
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
你看,背景就充满页面了。


用代码的方法控制网页的滚动条:供参考
1、overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
2、overflow-x水平方向内容溢出时的设置
3、overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
具体设置如下:
1、让浏览器窗口永远都不出现滚动条
<body style="overflow-x:hidden;overflow-y:hidden">
或<body style="overflow:hidden">
2、没有水平滚动条
<body style="overflow-x:hidden">
3、没有垂直滚动条
<body style="overflow-y:hidden">

具体的操作是:
1、在你的HTML文件上打右键,选择“打开方式”中的“记事本”
2、弹出的记事本窗口中显示的是相关HTML文件的网页源代码,选取上述控制滚动条代码中符合您需要的代码,
将它复制到网页源代码最后两行的中间,然后按记事本窗口菜单“文件\保存”,关闭记事本窗口。
3、双击HTML文件,在浏览器窗口中看看,是不是已经达到您的要求了?

尽管以上的方法可以满足您的要求,但如果您的页面宽度大过浏览器宽度很多的话,那就会有些页面内容看不到了。所以您设计页面时,宽度还是要与您的浏览器分辨率设置相当才好。

css代码:
background-repeat:repeat;

background-repeat是针对背景平铺的属性设置,可选的值包含:
repeat 即默认方式,完全平铺背景;
no-repeat 在X及Y轴方向均不平铺;
repeat-x 横向平铺背景;
repeat-y 纵向平铺背景。

background-repeat:repeat;

放在body里面


网页制作如何居中网页制作如何居中对齐
1、在Dreamweaver中打开该html页面文件后,可以在该页面的高度后面,直接加上align=center,注意双引号和空格即可,这样该html网页,就居中显示了。2、如果不想用手动输入标签的这种方式实现网页居中显示,那么还可以在DW中视图窗口中,用鼠标点击一下网页表格的最外侧。3、然后按住鼠标左键不放的情况下,...

网页制作怎么做超链接网页制作的超链接怎么做
点击文字链接,跳转到搜狗搜索页面,如下图所示:html如何设置超链接?html设置超链接,在网页制作的软件中,将要设置超链接的部件点选,点鼠标右键,选超链接,在超链接的地址框内输入,要连接的网址或网页地址就可以了。也可以在代码设置中修改ahref="http:\/\/www.236.com">其中http:\/\/www.236.com ...

网页制作中,如何实现弹出窗口,高分!
window.open ('pop1.html') \/\/*这就是关键,pop1.html就是你弹出窗口的内容 --> <\/SCRIPT> 这里只需要注意这样一点就行的了:window.open ('pop1.html') 用于控制弹出窗口pop1.html,如果pop1.html不与主窗口文件在同一路径下,你应该在前面指明路径,绝对路径(http:\/\/)和相对路径(..\/)都...

网页如何排版设计图片网页如何排版设计图片大小
1。在制作网页的时候,使用简洁美观的图文排版,保证文字和图片之间没有不和谐的地方,这样制作出来的网页才会吸引更多的访问者。2.当网页想要显示图片中的人物或者人物身上的物体时,那么网页的文字就需要适当缩小,以达到不引人注目的效果。当网页上的文字较少时,可以根据网页的整体效果调整文字的大小、样...

网页制作中怎么把图片铺满屏网页制作中怎么把图片铺满屏幕
1.用浏览器截图,在360安全浏览器右上角可以看到一个截图的小按钮,点击一下安装,然后就可以截图啦。默认截图是浏览器里面的内容,可以自己拉到截图范围。2.登录QQ使用快捷键截图,Ctrl+Alt+A键,默认的截图范围是电脑下面任务栏以上区域,如果想截图更大的区域可以自己拉伸。web怎么铺满整个页面?可以...

html网页制作中如何设置背景图片(如何引用)
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:3、最后来到浏览器,刷新一下网页,这样就会显示背景了:...

如何设置网页制作中的标题如何设置网页制作中的标题栏
html设置网页标题属性设置的方法:首先创建一个带有基本结构代码的html文件;然后在html文件的head部分中,使用title标签设置网页标题即可,语法“title>网页标题内容\/title>”。如何修改浏览器的标题?注册表中更改“标题设置”法:开始--运行--输入regedit--回车--打开注册表:HKEY_CURRENT_USERSoftware...

怎么编辑网页页面怎么编辑网页页面内容
1、浏览电脑上的所有软件信息,针对如何使WORD文档中的一页页面设置成横向的问题,只需要找到电脑上的word文档的具体位置,然后打开进入。2、进入到word文档的主页面中之后,浏览文档中的所有选项内容信息,在左上角的位置,找到需要用到的页面布局这个选项,然后点击进入。3、进入到页面布局的主页面中之后...

在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:body {text-align: center;background: url(small2.png); background-size: 60%;} 3、浏览器运行index.html页面,此时成功通过css控制了div居中显示,背景图片的大小为60%。

求助!网页制作中,如何把页面设置成居中?原本我设置的是居中,但插入Tab...
你选中TAB后,DW的界面下方会出属性参数,里面有个对齐设置.选为居中就好,如图

兴庆区19182286280: HTML里面怎样让一张背景图片居于网页的任何一个位置? -
席乖雅博: 上两位给出的是,内容置于网页任何一个位置.您提到的背景图于任何位置的代码如下 : <style type="text/css"> <!-- body {background:url(图片路径) no-repeat 10px 10px} </style>后面两个10PX,就是位置的指定了,一个是左右,一个是上下,您改下试试. 上面的body也可替换为您指定的哪个元素.如您的元素是 <div class="imgbg">玖赞网络是有背景的</div>那么相就的BODY则替换为 .imgbg

兴庆区19182286280: 网页制作网页中,如何让背景图片在任何电脑显示频上看都是满屏,宽度刚好的?(没有左右滚动条的) -
席乖雅博: css代码:background-repeat:repeat; background-repeat是针对背景平铺的属性设置,可选的值包含:repeat 即默认方式,完全平铺背景; no-repeat 在X及Y轴方向均不平铺; repeat-x 横向平铺背景; repeat-y 纵向平铺背景.

兴庆区19182286280: 网页制作如何插入不动背景 -
席乖雅博: 网页背景图片不动的代码body { background-color: #d6eafa; background-image: url(http://www.muyi.org/images/bg.jpg); background-position: left top; /*图片位置*/ background-repeat: no-repeat; /*图片无重复*/ background-attachment: fixed; /*固定图片*/ }--> 把上面代码写到与之间

兴庆区19182286280: html中怎么让背景图片填充整个网页 -
席乖雅博: body{background: transparent url(“ ”) repeat; } 首先确保图片是可以无缝衔接的纹理图,然后把图片作为body的背景repeat

兴庆区19182286280: 我用Dreamweaver做网页时,我设置一张图片作为背景时我怎么做才可以设置指定的一个位置呢???? -
席乖雅博: 如果是连续性的背景,然后你又不想让他出现在整个网页里,可以在你需要的地方放入一个表格,然后把图片设置为背景,然后把其他所有的网页内容放入这个表格,如果这个背景是出现在你网页里一个部分的话,就在你需要的那个部分里建立表格,然后放入其他内容

兴庆区19182286280: 如图 在网页制作中 如何让网页背景图片固定不变 不 -
席乖雅博: 给楼主几点参考 1背景图设置在body上,body { background:url(/image/bacpng) no-repeat center; } 2背景图能够在不拉伸的情况下铺满屏幕,要求图片必须足够大 3另外,腾讯对屏幕进行了适配,在我的显示器上这张图片是拉伸后的结果.原图160如图 在网页制作中 如何让网页背景图片固定不变 不

兴庆区19182286280: 网页设计中的背景图片怎么保持背景不动,只是上面的内容动求解答 -
席乖雅博: 用表格吧写内容吧,我没大明白你的意思. FrontPage 在“网页属性”“格式”插入背景图的时候勾上“使其成为水印” 、就可以了.就是用滚轴滚动 ,内容也在那个区域 .

兴庆区19182286280: 在网页中怎么固定背景图片 -
席乖雅博: 把背景固定在指定的div中即可.设置此div CSS属性 background:url(图片地址) no-repeat; height:图片高; width:图片宽

兴庆区19182286280: 在网页设计中,怎么将背景图片在网页空白的地方展现,比如我网页中有一个表格,我不想表格中出现背景图 -
席乖雅博: 你在body里设置主背景图,在其它位置不想出现背景图的地方就要单独给这个div加个背景,例如你的这个表格,给表格加个background:#FFF;这样这个表格的背景就会变成白色,而不是背景图了.

兴庆区19182286280: 制作网页怎样把背景图片铺满 -
席乖雅博: <body style="background:url(../images/body_bg.jpg) repeat ">把这句替换你的页面中的<body> 意思是整个页面都设置body_bg.jpg这张图片作为背景图片并全屏平铺.若只想往左边平铺的话呢.则把里面的repeat替换成repeat-x,若只想往下平铺呢,则把repeat替换成repear-y

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网