windows之家1.html如何改变背景图片
如果你想向网页中添加图片，用HTML就可以了。但是如果你想将一张图片设置为网页背景图片，就同时需要HTML和CSS。HTML的全名叫做“超文本标记语言”，是一种用来指示浏览器在网页中显示什么内容的代码。CSS的全名叫做“层叠样式表”，用来改变网页外观和布局。你还需要一张用于web页面的背景图片。
部分 ：
新建文档

1
创建一个文件夹用来存放HTML文件和背景图片。在电脑上创建并命名一个文件夹，方便日后查找。
你可以为文件夹随意命名，但是使用HTML时，最好养成习惯，使用简短的单个单词来命名文件和文件夹。

2
将背景图片放入HTML文件夹。将你想要用作背景的图片放入HTML文件夹。
如果你不在意网页是否能在网速较慢的旧设备上运行顺畅，可以使用高分辨率图片来作为背景。选择带有重复图样的简单图片作为背景也不错，因为你可以在这种背景下阅读任何文本。
如果你没有图片，可以下载免费的背景图。下载好图片，将它放入创建好的HTML文件夹中。

3
创建一个HTML文件。打开文本编辑器，然后新建一个文件。将文件另存为index.html。
你可以使用任何你想要的文本编辑器，系统自带的文本编辑器也可以，如Windows的记事本，以及Mac OS X的文本编辑器。
如果你想要使用能处理HTML的文本编辑器，点击这里下载Windows、Mac OS X、Linux操作系统都可以使用的文本编辑器Atom。
如果你使用的是Mac电脑的文本编辑器，在开始编写HTML文件之前，单击“格式”菜单，然后单击“生成纯文本”。该设置会确保HTML文件在网页浏览器中正常加载。
诸如Microsoft Word之类的文字处理程序并不适合编写HTML，因为它们添加了一些不可见的字符和格式，这些字符和格式可能会破坏HTML文件，让它无法在网页浏览器中正确显示。
部分 2 的 5:
编写HTML文件

复制并粘贴标准HTML代码。选择并复制下面的HTML代码，然后粘贴到打开的 index.html文件中。
2.怎么修改网页背景
自定义新浪博客各处模板 一改变BLOG标题大小的代码： 。
banner 。title td{font-size:36px;} 。
banner 。title td{FILTER: glow(color=#000000,direction=2);} 。
banner 。title td{color:#ffff66;} 。
banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} 36px为标题文字的字体大小 #000000表示文字效果（显影）的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。 banner 。
title td{color:#ffff66；}表示标题文字的主颜色 banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000；}这个是文字及其外框的设置：background：后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。 -------------------------------------------------------------------------------- 二页面宽度的代码： 。
bodyTop{width:900px;} 。 bodyBg{width:900px;} 。
bodyBottom{width:900px;} 。feeds 。
text{width:660px;} 。label{width:20px;} 。
photo{width:200px;} 。 callboard{width:200px;} 。
links{width:200px;} 。calendar{width:200px;} 。
sysBr180{width:200px；} 参数说明： 。bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。
。bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。
。bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。
。feeds 。
text 指的是正文部分的宽度（也就是文章部分的宽度） 。 。
label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。 。
photo 指的是形象照片面板的宽度（其值同上） 。 。
callboard 指的是公告栏的宽度（其值同上） 。 。
links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。 。
calendar 日历的宽度（其值同上）。 。
sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。 width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。
面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。 不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。
-------------------------------------------------------------------------------- 三博客改变背景代码： 滚动的大背景代码： body {background:url（"页面大背景图片地址"） repeat scroll!important;} repeat 重复，当图片的大小不够的时候会以平铺显示 scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动 固定的大背景代码 body {background:url（"页面大背景图片地址"） repeat fixed!important;} fixed 固定，大背景不会因为你拉动滚动条而滚动 背景透明代码： body {background:#transparent) repeat scroll!important；} 使用说明： 找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的（"页面大背景图片地址"）上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！ -------------------------------------------------------------------------------- 四自定义博客各部分背景代码： 。 logo {background:url（"题图上背景图片地址"） no repeat no scroll!mportant;} 。
banner {background:url（"题图下背景图片地址"） no repeat no scroll!mportant;} 。 menu {background:url（"题图下的菜单背景图片地址"） no-repeat center;} 。
feeds 。up {background:url（"正文标题栏上翻时的图片地址"） no-repeat center;} 。
wn{background:url（"正文标题栏下翻时的图片地址"） no-repeat center;} 。feeds 。
function {background:url（"正文摘要结尾处菜单的图片地址"） no-repeat right;} 。 links 。
up {background:url（"面板标题栏上翻时的图片地址"）；} 。 wn{background:url（"面板标题栏下翻时的图片地址"）；} 。
links 。mid {background:url（"面板的背景图片地址"）；} 。
photo 。mid {background:url（个人形象照片处的背景图片地址）；} 。
label 。mid {background:url（"自定义面板的背景图片地址"）；} 。
calendar 。mid {background:url（"日历面板背景图片地址"）；} 。
callboard 。up {background:url（"公告栏标题栏上翻时的图片地址"）；} 。
wn{background:url（"公告栏标题栏下翻时的图片地址"）；} 。callboard 。
mid {background:url（"公告栏背景图片地址"）；} 。 bodyBg {background:url（"正文背景图片地址"）；} 。
bodyBottom {background:url（"内背景页脚处图片地址，在翻页处下面一横窄条"）；} 。gbook 。
up {background:url（"留言板标题栏上翻时的图片地址"） no-repeat;} 。 wn{background:url（"留言板标题栏下翻时的图片地址"） no-repeat;} 。
ge{background:url（"正文文章页数图片地址"） no-repeat center;} 。 re{background:url（"最新文章列表下的MORE的背景图片"） no-repeat right；} 代码说明： 页面大背景（body） 指的是整。
3.html网页制作,如何设置网页背景色
1. 首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>
2. 由于css样式必须在标签<head></head>；之间，因此我们点击<html>；后面，输入<head></head>；标签。
3. 在head标签之间输入样式标签<style></style>；，然后定义一些属性，例如
<style type="text/css">
body {background-color: yellow} 定义网页背景色为黄色；
h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00;
h2 {background-color: transparent} 定义h2标签背景色为透明；
p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；
p.no2 {background-color: gray; padding: 20px；} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px;
</style>
4. 然后点击body标签后面输入正文标签内容，例如
<h1>；这是KING</h1>
<h2>；这是KING</h2>
<p>；这是KING</p>
<p class="no2">；这个KING设置20内边距。</p>
5. 点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。
6. 我们可以发现代码中两个同样的<p>；标签显示的css样式却不同，区别就在于样式中定义的p.no2，这就是正文代码中class="no2"的优势所在，可以定义个性风格。
还可以选择用html设置，如下：
颜色自己调，可以用取色器查看颜色，例如background-color:#789999； 如果需要加边框可以用border属性
4.怎么设置整个html的背景颜色
想要设置HTML的背景颜色，只要改变body的bgcolor属性就可以，
不过要注意颜色与文本颜色的搭配不然太难看了；
还可以设置背景为图片样式的，需要用到background属性，
注意文件路径如果和网页在一个文件夹内只要写图片名字，不然请写全。
如果图片小于网页显示窗口，会自动重复添加。
如果要在网页中插入图片，则得调用<img src="URL">。
建议大家先了解一下div/CSS布局，同一种布局有不同的实现方式。
转载请注明出处windows之家 » win10如何设置html背景