|
上期文案：
相信大众在看完上一期文案之后都晓得在哪里写代码、怎样调试并预览等操作，以及HTML文档的主体结构，并探讨了怎样添加标题和段落。因此呢这期文案以及后面的文案都会跳过这些最基本的操作，直接进行讲解。
关于颜色，这期文案重点讲三点： 字体颜色背景颜色边框颜色要在HTML中添加这些颜色，要用到style属性，用于内联CSS。
HTML支持140种颜色，因此呢在大都数状况下，只需输入对应的英文单词，就可找到这种颜色。倘若你对预置的颜色不满意，能够自己调色。
1、字体颜色（color）
举例，我要把标题改成蓝色文字（倘若不修改文字颜色，浏览器会默认表示为黑色，就像这篇文案），应该怎么做呢？咱们只必须在前标记里嵌入style属性就可：
<h1 style="color:blue;">我的第1个标题</h1>
用浏览器打开瞧瞧，标题是不是变成为了蓝色。
不仅标题能够添加字体颜色，段落亦能够哦：
<p style="color:red;">这是一个段落，我要把它设置为蓝色，只需在前面的标签上嵌入style属性就可，style用于内联CSS，在以后的文案其中咱们会仔细讲解CSS。</p>
下面是完整的代码（千万不要忽略上下两部分，上面的示例只是局部代码，整体结构要完整且不可显现错误。不爱学习的小伙伴们直接拿去复制）。再用浏览器打开看一看，标题和下面一段文字的颜色是不是表示正常。
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">我的第1个标题</h1>
<p style="color:red;">这是一个段落，我要把它设置为蓝色，只需在前面的标签上嵌入style属性就可，style用于内联CSS，在以后的文案其中咱们会仔细讲解CSS。</p>
</body>
</html>
2、背景颜色（bac公斤round-color）
背景颜色指一个HTML元素（日前咱们所学的内容元素有<h1>至<h6>和<p>）覆盖着的颜色。例如这篇文案的背景颜色便是白色，黑色的文字覆盖在白色的背景上。
咱们能够随意更改文字的背景颜色，乃至能够拿一张照片做为背景（在以后的文案中会讲到）。想要更改背景颜色（倘若不嵌入背景颜色属性，默认状况下便是白色的，就像这篇文案），一样是在style属性里更改。例如我要把段落设置成黄色的背景：
<p style="bac公斤round-color:yellow;">这是一个段落，我要把它的背景颜色设置为蓝色，只需在前面的标签上嵌入style属性就可，style用于内联CSS，在以后的文案其中咱们会仔细讲解CSS。</p>
小提示：多个属性能够并列存在，因此呢你能够同期给一段文字添加背景颜色和字体颜色，乃至更加多。
我再把标题设置成橙色背景，大众输入完代码之后保留并关闭，保证文件是HTML文档，而后用浏览器打开欣赏一下自己的「佳作」。
<!DOCTYPE html>
<html>
<body>
<h1 style="bac公斤round-color range;">我的 第1个标题 </h1>
<p style="bac公斤round-color:yellow;">这是一个段落，我要把它的背景颜色设置为蓝色，只需在前面的标签上嵌入style属性 就可，style用于内联CSS，在以后的 文案其中咱们会 仔细讲解CSS。 </p>
</body>
</html>
3、边框颜色（border）
什么是边框？
给有些文本添加边框，亦便是用一个长方形（或正方形）把这些文本框起来。边框有三个参数必须设置，那便是边框的宽度、边框的样式、边框的颜色。
例如我要把标题添加一个直边框，宽度（亦便是粗细、体积）设置为5px，颜色设置为绿色；我再把下面的段落添加一个直边框，宽度为3px，颜色为绿色：
<!DOCTYPE html>
<html>
<body>
<h1 style="border:5px solid green;">我的第1个标题</
| 
发表于 2024-6-30 04:54:27
