时间：2023-09-09 05:12:02 | 来源：网站运营
时间：2023-09-09 05:12:02 来源：网站运营
HTML中对于颜色的应用：上期文章：
在线咨询
<h1 style="color:blue;">我的第一个标题</h1>用浏览器打开看看，标题是否变成了蓝色。<p style="color:red;">这是一个段落，我要把它设置为蓝色，只需在前面的标签上嵌入style属性即可，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。</p>下面是完整的代码（千万不要忽略上下两部分，上面的示例只是局部代码，整体结构要完整且不能出现错误。不爱学习的小伙伴们直接拿去复制）。再用浏览器打开看一看，标题和下面一段文字的颜色是否显示正常。<!DOCTYPE html><html><body><h1 style="color:blue;">我的第一个标题</h1><p style="color:red;">这是一个段落，我要把它设置为蓝色，只需在前面的标签上嵌入style属性即可，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。</p></body></html><p style="background-color:yellow;">这是一个段落，我要把它的背景颜色设置为蓝色，只需在前面的标签上嵌入style属性即可，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。</p>小提示：多个属性可以并列存在，因此你可以同时给一段文字添加背景颜色和字体颜色，甚至更多。<!DOCTYPE html><html><body><h1 style="background-color:orange;">我的第一个标题</h1><p style="background-color:yellow;">这是一个段落，我要把它的背景颜色设置为蓝色，只需在前面的标签上嵌入style属性即可，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。</p></body></html><!DOCTYPE html><html><body><h1 style="border:5px solid green;">我的第一个标题</h1><p style="border:3px solid green;">这是一个段落，我要把它的边框颜色设置为绿色，只需在前面的标签上嵌入style属性即可，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。我也会在以后的文章当中详细讲解边框属性。</p></body></html>用浏览器打开看一下代码是否正确。<!DOCTYPE html><html><body><h1 style="color:rgb(0,0,255);background-color:rgb(255,128,0);border:5px solid rgb(0,255,0);">我的第一个标题</h1><p style="color:rgb(255,0,0);background-color:rgb(255,255,0);border:3px solid rgb(0,255,0);">这是一个段落，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。</p></body></html>用浏览器打开，看看显示的是不是和我设置的一样。<内容元素 style="属性类别1:具体属性1;属性类别2:具体属性2;>当然，你可以继续往后面添加属性。</内容元素>我们学过的「内容元素」有<h1>-<h6>和<p>，学过的「属性类别」有color、background-color、border，「具体属性」指颜色（如red、#ff0000等）、宽度（如5px等）、边框样式（如solid等）。<!DOCTYPE html><html><body style="color:rgb(255,0,0);background-color:rgb(255,255,0);border:3px solid rgb(0,255,0);"><h1>我的第一个标题</h1><p>这是一个段落，style用于内联CSS，在以后的文章当中我们会详细讲解CSS。</p></body></html>效果如下：关键词：颜色
