网页制作设置页面背景(如何制作网页背景啊)

本文目录
如何制作网页背景啊
3.设置网页的背景图像
网页的背景色和背景图选择得好,会是页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的?
很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好。这里我们不谈论图片的制作了。
当你有了一幅可以自然拼接的图像后,在Dreamweaver中,我们可以设置background图片。
打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下:
《BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF" 》
这里的images/back001.gif就是BACKGROUND的值,其图像文件名为一个URL。 当然我们可以在源代码中直接加入上面的代码。
下面是一个小例子。假如我们有了一幅适合做背景的小图,文件为back001.gif,下面就可以重新编写HTML代码了。
《HTML》
《HEAD》
《TITLE》欢迎洪恩在线《/TITLE》
《/HEAD》
《BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF"》
《P》《FONT FACE="Arial" SIZE="5" COLOR="#0000ff"》12亿中国人的网上学校《/FONT》《FONT FACE="5" COLOR="#0000ff"》电脑乐园《/FONT》《/P》
《/BODY》
《/HTML》
下面是这段代码产生的显示效果:
怎么样?如果你选择的背景图片质量很高的话,背景会更漂亮的。
你可以参照:洪恩在线http://www.hongen.com/pc/homepage/webjq/pm003.htm
html网页制作,如何设置网页背景色
首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。《html》《body》《/body》《/html》
由于css样式必须在标签《head》《/head》之间,因此我们点击《html》后面,输入《head》《/head》标签。
在head标签之间输入样式标签《style》《/style》,然后定义一些属性,例如
《style type="text/css"》
body {background-color: yellow} 定义网页背景色为黄色;
h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;
h3 {background-color: transparent} 定义h3标签背景色为透明;
p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值;
p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;
《/style》
然后点击body标签后面输入正文标签内容,例如
《h1》这是KING《/h1》
《h3》这是KING《/h3》
《p》这是KING《/p》
《p class="no2"》这个KING设置20内边距。《/p》
点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。
我们可以发现代码中两个同样的《p》标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。
还可以选择用html设置,如下:
颜色自己调,可以用取色器查看颜色,例如background-color:#789999; 如果需要加边框可以用border属性
制作网页如何改变背景颜色
打开Adobe Dreamweaver,新建一个HTML网页文件.
网页的一般结构,首先是DOCTYPE声明,然后是头部标签《head》...《/head》,文档的主体《body》..《/body》标签,我们需要设置网页背景,直接设置《body》标签的背景就行了。
点击右边的所有规则,新建一条规则,在弹出的界面,选择器类型为标签选择器,选择器名称为body,然后点击确认。
在CSS规则里面选择背景,在“background-color”里面选择一种颜色作为网页背景色,然后点击确认。
然后点击在浏览器调试,查看网页背景,详细代码如下:
《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona代码如下:
《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"》
《html xmlns="http://www.w3.org/1999/xhtml"》
《head》
《meta http-equiv="Content-Type" content="text/html; charset=utf-8" /》
《title》无标题文档《/title》
《style type="text/css"》
body {
background-image: url(10/38.png);
}
《/style》
《/head》
《body》
《/body》
《/html》
网页设计中的网页背景如何添加
整个页面的背景可以
右键
页面属性里加背景
还可以在body标签里加
style="background:url"
表格里加的话就在table标签里加style="background:url"
您好我是无所不能团队的一风,很高兴为您解答,如果您觉得以上回答没有理解可以再【采纳】后加继续讯问到明白为止。很高兴为您解答。祝你愉快。【注:个人内容请勿复制,发现检举,谢谢合作】
网页制作怎样把网页背景设置成红色
1、用记事本或其他工具打开网页源文件。
2、找到标签,在标签中加入背景颜色及可以改成红色,可以把red改成需要的其他颜色的英文。
3、也可以使用RGB颜色代码来设置,如则背景为黑色,所有0都可以设置为0-F的16进制数来进行颜色调整。

本文相关文章:
制作淘宝网页网站(淘宝开网店需要自己制作网页吗可以自己制作嘛)
2026年7月12日 16:30
哪位知道如何制作一个完美的销售网页要详细点具体点的,当然肯定有很多中 把最主要的列出来谢谢!!!?做一个房地产销售网页大概需要多少成本
2026年10月4日 04:50
更多文章:
湖北十堰爆炸事故原因(湖北十堰,发生爆炸事故致11死,酿成这起惨剧的起因是什么)
2026年10月11日 05:30
安徽六安一女子在奥迪车内被殴打扒衣,警方称是感情纠纷,案件会如何定性?安徽六安教师讨薪事件真相是什么
2026年10月11日 04:40







