html网页制作，如何设置网页背景色？_随笔

首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

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: graypadding: 20px} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；

</style>

然后点击body标签后面输入正文标签内容，例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。

我们可以发现代码中两个同样的<p>标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。

还可以选择用html设置，如下：

颜色自己调，可以用取色器查看颜色，例如background-color:#789999如果需要加边框可以用border属性

左边三个是图片吧？只要给图片加上边框就可以。css代码为:border:5px solid #e3e3e3

5px为边框宽度，solid表示边框样式为实线，#e3e3e3为颜色。

AH公告和最新推荐所在的那个红色框，需要设置这两句话所在的标签背景颜色红色，字体颜色白色。css代码为 background-color:#f00(设置背景颜色。#f00表示颜色，使用取色器取出来最好) color:#fff(设置字体颜色，#fff为白色)

如有疑问请追问

第一步：新建一张PPT，版式空白，右键->“设置背景格式Format

Background”->“图片或纹理填充Picture

of texture fill”->“插入图片来自Insert Picture from”，“文件File”->选择“黑板背景不带手”的图片。

第二步：把文字改成白色，在字体里面选择“方正正大黑简体”，字号调整到36号。

第三步：用取色器取粉笔的颜色。点击“字体颜色Font

Color”里面的“取色器Eyedropper”，用取色器把粉笔的六种颜色都取一遍，这样这些颜色都会出现在下边。

第四步：把粉笔字的纹理的颜色设置成粉笔的蓝色。点击粉笔纹理的图片->format->Shape Fill里面选择刚才用取色器取好的蓝色。然后点击Ctrl+C拷贝这个图片，让剪贴板里有这个粉笔的纹理的图片。回到刚才的文字，把加粗去掉，在“设置形状格式Format

Shape”里面的“文本选项Text Options”里面的“文本填充Text Fill”里面选择“图片或纹理填充Picture or texture fill”的“剪贴板Clipboard”，这样纹理就自动填充到字体里面了。

第五步：给字体加边框。点击“格式Format”里面的“文本轮廓Text Outline”，选择白色下面的白色，粗细改成0.75磅。

第六步：把纹理的颜色修改成黄颜色。点击“格式Format”->“形状填充Shape Fill”把颜色填充成粉笔的黄色。右键->复制。然后选中要修改的文字，在“设置形状格式”里面的“文本选项”里面的“文本填充”里面选择“图片或纹理填充”的“剪贴板”，这样纹理就自动填充到字体里面了。

点击“格式”里面的“文本轮廓Text Outline”，选择白色下面的灰白色，粗细改成0.75磅。

第七步：把下面的小的文字字体设置为“方正硬笔楷书简体”，把字体加粗，颜色用白色下面的灰色。®的字体用Calibri.

第八步：画一条白色的线，颜色为灰色，粗细为1.5磅。

欢迎分享，转载请注明来源：内存溢出

html网页制作，如何设置网页背景色？