平铺背景素材-新浪的博客怎样弄的好看一点啊..

方法/步骤

首先介绍使用软件自带的封面页,WORD和WPS自带的封面页不同,点击“章节”,然后点击“封面页”,里面就有很多封面模版供选择。

选择1个模板之后,根据它的内容,换上自己的内容,封面就设置好了。

WPS自带的封面就那么几种,大家都用那几种,会让人感觉抄袭一样,现在就说说自己简单做个漂亮的封面。首先要插入图片,可以直接在菜单“插入”图片“里面进行插入,然后把图片拉伸铺满页面,也可以点击“页面布局”,点击“背景”,选择“图片”。这样插入图片,可以直接平铺整个页面,但是后面的页面也都会变成那个背景。

使用”背景“插入图片的话,在弹出的”填充效果“里面”图片“选择准备好的图片,然后确定。为了是封面漂亮,可以在网上搜索背景素材,找到自己喜欢的背景素材。

最后在素材上面输入文字内容就完成了。

一、网页单色背景 - TOP

如果纯颜色的网页背景,只需要对body设置background背景颜色即可

body{background:#FFF}

设置网页背景为白色

二、规律背景图片 - TOP

1、从上到下渐变横向相同背景

渐变从上到下宽度全屏背景效果截图

这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图:

切出这样一个竖条图片素材作为背景素材

body{background:#FFF url() repeat-x 0}

这样设置这个图片为背景图片靠网页顶部水平平铺,背景为白色,这里注意根据你的图片路径设置好引入图片路径。

2、水平平铺类背景图片

比如2014版DIVCSS5网页,原理和渐变平铺相同,也是切出一竖条后作为Body背景水平平铺实现,这样就全屏网页背景铺满。

css切出这样一个竖条效果截图

代码和第1种相同,只是图片不同而已。对body设置背景图片水平平铺。

三、不规律大图背景 - TOP

常常看到一些专题或形象网页,背景是一种非常大图片作为背景,而通常情况下宽屏和窄屏显示器都能显示铺满的全屏背景图片,就像图片能自适应宽度大小一样的。其实这种实现一样非常简单,将这张图片宽度美工设计足够大,比如市场上最宽显示屏分辨率宽度为2560像素,那么要让这样的宽屏显示器浏览此网页也能铺满全屏,那么你的这张背景图片就必须做成宽度大于或等于2560px宽度的,这样以来宽屏、窄屏显示器打开此网页都能铺满全屏,最小化、最大化、改变浏览器窗口打开背景图片都是全屏的居中的看上去就像背景图片自适应大小一样。

关键:全屏自适应背景图片关键是图片做足够宽,以最宽分辨率显示屏能都铺满,小分辨率自然就更是铺满。同时需要设置这样背景图片作为body背景后需要居中。

假如这张背景图片为:

设置CSS代码:

body{background: url() no-repeat center 0}

代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示

四、头部背景图片和底部背景图片内容多少高度可增减头部底部背景不变 - TOP

这里DIVCSS5为大家介绍两种常见头部和底部不同背景图片技巧设置布局方法。

1、头部和版权图片

这种直接将头部背景图片设置为body背景居中靠上显示,底部版权地方DIV设置宽度100%;同时设置此背景图片或背景颜色。

body{background: url() no-repeat center 0} #footer{margin:0 auto;width:100%;background: url() no-repeat center 0}

这样即可实现头部底部背景不同,同时不受内容多少高度影响。

2、网页靠顶部上背景图与固定底部靠下背景图

而靠底部背景图片远超出了版权底部盒子高度。

网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图

这样的结构上下不同图片,不随中间内容增高减少影响背景布局,通常对html标签和body设置背景即可实现。

假如顶部深蓝背景图片为“”,底部浅蓝背景图片为“”

DIV CSS设置网页背景关键CSS代码:

html{background: url() no-repeat center 0} body{background: url() no-repeat center bottom}

你好!

很多朋友想换一张有特点的图片,或者自己的照片来做背景,更换背景不麻烦,麻烦的是制作图片,因为很多人不会使用软件制作图片,下面详细的介绍一下怎么更换博客的背景。

注:只能更换首页的背景,新打开窗口后就会恢复你制定的系统模板了!

大背景图片尺寸:

宽:1000 像素 高:600 像素 分辨率:72

当然这个不是绝对的,相差不要太多就好。

可以选择找一些壁纸素材的网站,找到你喜欢的图片存到你电脑中,然后最好用Photoshop修改一下尺寸。

要怎么把自己喜欢的图片做博客的背景

进入博客的管理界面,点“BLOG信息设置”里的“定制我的模版”,在那里可以换背景。

背景代码

将背景代码写在已有的代码(比如鼠标,背景音乐)里,不然没有效果.如果单独放置,必须在代码前面加一个任意字符。

滚动的大背景代码:

<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>

repeat 重复,当图片的大小不够的时候会以平铺显示

scroll 卷轴,大背景会随着右边滚动条拉动的时候而滚动

固定的大背景代码

<style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style>

fixed 固定,大背景不会因为你拉动滚动条而滚动

使用说明:

找到你喜欢的图片(1024*768规格),然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了!

2,再找一个已经有内容的面板(比如动画面板,背景音乐面板),打开,勾选显示源代码框,在原有代码之后粘贴复制以上你选中的任何一组代码;如果单独设置空白面板,必须在代码前面加一个任意字符,否则无效果

使用说明:

1,先找到你喜欢的图片(1024*768规格),然后把图片地址覆盖在代码中的("页面大背景图片地址")上面;

2,点击管理博客——维护首页内容——自定义空白面板——已有模块(比如时钟模块或天气预报模块什么的)——钩选“显示源代码”——把以上代码之一复制粘贴在所有原代码后面——去掉钩——保存;

3,如果是新增面板,可以点击管理博客——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”(这时你会看到面板中已经有一行代码了: <DIV> </DIV>)——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码(钩号消失)——保存新增面板——定制个人首页——选取新增面板——保存设置;

4,这就是改变BLOG背景图片的过程,具体用哪一种代码,看个人喜欢了;

下面是二个背景素材网址: