×

网页背景图 网页背景图片

网页背景图片怎么弄啊?如何在网页中添加背景图片

admin admin 发表于2023-01-23 18:16:16 浏览61 评论0

抢沙发发表评论

本文目录

网页背景图片怎么弄啊

方法一:在HTML文件中设置
HTML的《body》中有两个关于背景的属性,其中的background用来设置背景图片。示例如下:
《body background=“这里插入图片的链接地址,可以用浏览“》
《/body》
如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。
为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。
可以参考这个网站的教程和示例:http://www.blabla.cn/html_tutorials/045_html_bgcolor_background.html
方法二:在CSS文件中设置
CSS的背景图片属性
示例:《body style=“background-image:url(仍然插入图片地址)“》
可以参考这个网站的教程和示例:
http://www.blabla.cn/css_tutorials/020_css_background.html

如何在网页中添加背景图片

可以用框架
也可以用css样式
css样式的做法
把你做的内容全部剪切
建一个表格
把表格顶头(一定要设置表格置顶
边框设置为0)在表格里设置一个背景图片(这个是上面的)
然后在页面属性设置背景图片
然后建一个div层
在层里把你刚刚剪切的东西黏贴进去,这个是中间的
下面的再建个表格
如第一步

网页背景图片一般是多大的

1、背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;
2、其实网页设计一般所说的尺寸指的是主体框架的尺寸,就拿现在这个百度知道的页面距离,中间的主体部分无论是浏览器怎么伸展,主体内容的宽度是保持不变的,我查看了一下css代码,这个主体框架的宽度是980px;
3、你设计的时候把主体部分设置成980-1000px就差不多了,毕竟现在使用1024*768分辨率以下的人已经毕竟少了。

网页背景图怎么满屏显示

网页背景图片用css实现全屏显示,首先需要的做的就是明确那个图片要加在那个元素上,将body上,就能实现全屏,因为body是包括浏览器的可见部分,提交一段代码:
《html》
《head》
《style》
body{
background:url(’图片地址’)repeat 0px 0px;
}
《/style》
《/head》
《body》
《/body》
《/html》
这样就能实现满屏,不过图片尺寸不够的话,会出现重复的。

正常网页制作背景图片应该多大

1、背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;
2、其实网页设计一般所说的尺寸指的是主体框架的尺寸,就拿现在这个百度知道的页面距离,中间的主体部分无论是浏览器怎么伸展,主体内容的宽度是保持不变的,我查看了一下css代码,这个主体框架的宽度是980px;
3、你设计的时候把主体部分设置成980-1000px就差不多了,毕竟现在使用1024*768分辨率以下的人已经毕竟少了。

如何设置网页背景图片

下面是一个背景图片的代码
《!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN“
“http://www.w3.org/TR/html4/loose.dtd“》
《html》
《head》
《meta http-equiv=“Content-Type“ content=“text/html; charset=gb2312“》
《title》背景图片《/title》
《style type=“text/css“》
《!--
body {
background-image: url(在这里输入你要插入的背景图片);
}
--》
《/style》《/head》
《body》
这里输入你的网站内容
《/body》
《/html》

网页背景图片设置的代码是什么呢

代码为: {background-image: url(URL)|none}

1,背景颜色 {background-color:数值}。

2,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}。

3,背景固定 {background-attachment:fixed|scroll}。

4,背景定位 {background-position:数值|top|bottom|left|right|center}。

5,背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}。

拓展资料

1、所谓的网页代码,就是指在网页制作过程中需要用到的一些特殊的“语言”,设计人员通过对这些“语言”进行组织编排制作出网页,然后由浏览器对代码进行“翻译”后才是我们最终看到的效果。

2、制作网页时常用的代码有HTML,JavaScript,ASP,PHP,CGI等,其中超文本标记语言(标准通用标记语言下的一个应用、外语简称:HTML)是最基础的网页代码。

网页背景图片代码汇总

1、普遍类的网页背景图片代码

《style》body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}《/style》

说明:以上代码为网页背景图片固定代码,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的!

2.(综合类)

3.《P class=style6》 《/P》《/SPAN》《SPAN》
《TABLE width=“100%“》
《TBODY》
《TR》
《TD class=ArticleTitle align=left》
《DIV id=divTitle style=“FONT-SIZE: 30px“》《B》《/B》 《/DIV》《/TD》《/TR》
《TR》
《TD class=ArticleContent style=“FONT-SIZE: 30px; LINE-HEIGHT: 150%“ align=left》
《CENTER》 《/CENTER》
《STYLE type=text/css》《!--body {background-image:url( 图片地址);
background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}《/STYLE》
《/TD》《/TR》《/TBODY》《/TABLE》《/SPAN》
说明:
no-repeat;(不平铺)
改为这个repeat(平铺)
你要以看一下两边

方法一:
文章的时候点击创建表格后在弹出的窗体中把边框设置为0,然后填上背景图片的链接地址就好了

也能够用代码:
《TABLE height=600 width=600 background=你的背景图片地址 border=0》
《TBODY》
《TR》
《TD》你的主体内容《/TD》《/TR》《/TBODY》《/TABLE》

方法二:
《body background=你的背景图片地址 》

方法三:
《STYLE type=text/css》《!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--》 《/STYLE》

方法四:

背景图是在HTML模式下把下面代码加到已有代码最前面:
《body background=“图片地址“》
注:图片地址必须是网络上已有的图片,不是本地机的,假设要链接本地机的,必先在相冊或者其它文章上传之后才干够调用。

方法五:
《STYLE TYPE=“text/css“》
《!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}

Dreamweaver 8中 网页背景图片怎么设置透明度

(1):“Opacity”代表透明度水准,范围是0---100,其实就是百分比的意思,如果你想变为全透明,那么就用0代替Opacity后面的问号吧。
(2):“FinishOpacity”就是用来指定结束时的透明度,范围跟Opacity一样(FinishOpacity为可选参数,不想要的话就去掉它吧。
(3):“Style”是指定透明区域的形状特征,0代表统一形状,1代表线形,2代表放射形,3代表长方形。比如我们一般可以写成Style=1。
(4)“startX”与”startY”就是代表渐变效果开始的X与Y坐标,(坐标应该知道是什么吧)一般我们设置为StartX=0, StartY=0(这样就是表示的透明效果是从图片的左上角开始的。)
(5)“FinishX”与“FinishY”当然,这个就是代表渐变效果结束时的横纵坐标了,这里很关键,填什么数值那就要看你的图片的高与宽了,假设我们的图片高与宽分别是100、200像素,那么就可以写成FinishX=200, FinishY=100。(如果你只想要一半的面积是透明,那么可以设置成FinishX=100, FinishY=50)
给下面一个完整代码的给你们参考:(下面的数值我是假设图片高与宽分别是100、200像素)
Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)
4:ok,这时候你应该做的是把你想要的数值把那些讨厌的问号替换掉,设置好这些参数后,就点击ok。设置的步骤到此就算完成了,但设置完了不代表我们就做完了,我们还要把这个效果赋予图片呢。下面介绍如何使用的步骤。
1:在Dreamweaver 4插入一图,假设高为100,宽为200单位是像素(为了能看到效果,我们可以把网页的背景设为红色等鲜明的色彩。
2:再次调出css styles窗口(参见设置步骤1)
3:在css styles窗口中,应该有个clarity,如图指明处:
4:在Dreamweaver 4选中你插入的图。
5:用鼠标单击上图3的指明处。
6:大功告成,你可以按键盘的f12来预览了(注意,这种特效在状态下是不可见的,一定要预览才可见。

怎么得到网页的背景图片

按照以下步骤:

  1. 在IE 浏览器中打开该网页

  2. 依次打开  IE浏览器的  设置   Internet选项  常规选项卡  浏览历史记录栏中的设置   查看文件  

  3. 会出现一个  缓存文件的文件夹  将该文件夹中 所有文件按照 访问时间排列

  4. 查找文件名为 bg_page1_color.jpg 的图片 即得

有什么问题 可以留邮箱 我直接发你 cpalau@63.com