html框架怎么添加背景颜色

html-css012

html框架怎么添加背景颜色,第1张

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 autowidth: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背景图片水平居中靠下。

如果是你自己用,就使用CSS3来控制样式,可以做到圆角、渐变背景之类的效果

具体请参考css3maker.com

如果是要发布出去的,为了兼容国内的互联网环境,最好使用图片来做背景、

比如下面这个网站里面就有很多按钮的背景素材

http://www.3lian.com/psd/icon/01/13035.html

然后再CSS样式里面写上

button{

background:url(图片路径) no-repeat top center

border:none

height:40px/*这个是个你的背景图片的宽度一样*/

padding:0

width:100px/*这个是和你的背景图片的高度一样*/

}

在html中插入整个页面的背景图像

01

首先,制作一个只有一个div和一段文本的简单HTML页面。

02

要添加整个页面的背景图片,我们只能给body标签添加背景,所以我们给body添加了一个叫做' BG '的样式。

03

然后定义这个bg的样式规则,主要是添加背景图样式,也就是添加背景图。

背景-重复是让背景图片覆盖整个页面。

04

看页面的效果,可以看到现在整个页面都贴满了蝴蝶的图片。为了获得更好的效果,您可以替换更好看的背景图像。

word文档编辑栏如何增加背景色?

具体的方法:

1.点击“插入”中的“图片”,根据需要选择图片,点击“插入”即可。

1、首先,点击打开word文档,进入文档页面

2、在文档界面,点击菜单栏的【页面布局】

3、在页面布局页面,点击编辑栏的【背景】

4、在弹出的选框,选择想要添加的背景色

5、同时可以点击【图片背景】,选择自己保存的图片设置为word背景。

详解怎样设置网页为电脑桌面背景?

网页是无法设置为桌面背景的,可以将网页截图保存下来,设置为桌面背景,具体的操作方法为:

1、在电脑上打开浏览器,找到需要设置为背景的网页。

2、截图保存下来之后,在电脑上找到刚刚保存的网页图片,并右键打开菜单。

3、在跳出的菜单界面中,找到设置为桌面背景,并点击即可。

如何给微信公众号文章添加好看的背景?

微信公众号里边编辑素材添加图片背景的具体步骤如下:

1、首先为了演示方便,在此我制作了一张360x360的边框背景图片,后面我们就将该图片作为公众号内容的背景。

2、然后我们进入微信公众平台,打开“素材管理”,切换到“图片库”。

3、点击“本地上传”把我们制作的背景图片传上去。

4、右击上传的背景图片,复制图片路径来获得图片的地址。也可以在新页面打开图片来获得地址路径。

5、然后我们打开网页编辑软件,插入一个表格,再对表格添加背景图片的样式,也可以通过第三方编辑软件进行编辑。

6、然后我们返回到公众平台素材管理中,发布一个新的图文信息来测试一下添加图片背景是否可行。

7、我们把刚才在网页编辑软件中制作的背景图片的内容复制到正文中,要在设计状态下复制。7、再在正文中输入文字内容即可看到效果了,此时已经以我们制作的图片为背景了。

怎样更改网页背景色,怎么设置html网页背景颜色?

介绍一下怎样更改网页的背景颜色,如何将一个简单html页面的背景色通过设置将其更换。

怎样更改网页背景色,怎么设置html网页背景颜色?

1.如下图,该html网页的背景色是纯白的,将通过以下示范将改变这个网页的的背景颜色。

2.先打开Dreamweaver软件,再用鼠标选中该html网页文件,将其拖放到DW中打开。

3.打开该html网页文件后,找到bgcolor后面的色值,直接在里面输入一个要更换成的颜色值就可以改变该网页的背景颜色了。

4.除以上方法外,还可以在打开该html网页后,在DW下面的属性面板上,点击页面属性。

5.在打开的页面属性窗口上,点击背景颜色,在弹出的色板上,可以直接点击需要颜色。

6.选择好颜色后,再点击页面属性窗口上的应用按钮,再点击确定。

7.此时,在DW中,就能看到该html页面的背景颜色已成功的更换过来了,但是还需要点击文件下面的保存。

8.只有在DW里面先把更改背景后的html网页文件保存后,现在再在浏览器中打开该html网页,此时修改后的网页背景色就会显示出来了。

word怎么给首页插入背景?

word给首页插入背景方法如下:

打开Word文档,执行“页面布局-页面颜色-填充效果”。(Word 2003版本执行“格式-背景-填充效果”)

在填充效果对话框执行“图片-选择图片”。

找到自己想要的背景图片,这里需要注意的是图片的尺寸,尽量和常用A4纸的尺寸保持一致。