HTML 颜色

本文介绍了如何使用 HTML 以简单易行的方式在网站中使用颜色。颜色在创建网站的外观和感觉方面发挥着重要作用。 HTML 中没有单独的标签；相反，它使用样式属性或颜色属性。准确地说，颜色是使用层叠样式表 (CSS) 嵌入到 HTML 元素中的。颜色赋予网页优雅的外观。为网页添加颜色包括设置背景颜色、表格、段落等

如何在 HTML 中设置背景颜色？

使背景颜色变亮使网站看起来更漂亮、更大胆。它是通过使用颜色、十六进制颜色代码来完成的。 RGB 和 RGBA 颜色值（Alpha 值 0 到 1）。

使用 Html body 元素内的 Style 属性将十六进制颜色直接应用于 Html 代码。十六进制是数字和字母的组合。以下是网页背景颜色的示例。

代码：

<title>My Sample</title>


<title>HTML BG Color</title>


<h1 id="This-page-is-a-demo"> This page is a demo </h1>

代码片段：

要添加背景颜色，可以使用 bgcolor 属性来显示

body bgcolor=''>.它与除 HTML 5 之外的所有浏览器兼容。

代码：

<h3 id="Color-Name">Color Name</h3>
<h3 id="Hexadecimal">Hexadecimal</h3>
<h3 id="RGB-Value">RGB Value</h3>

如何为 HTML 中的文本应用颜色？

对 HTML 文本应用颜色非常简单；我们可以通过三种方式添加/更改文本的颜色，即十六进制颜色、HSL 值和颜色名称。以下是向相应网页应用颜色的三种不同技术。

1.颜色名称

当应用程序直接使用这些颜色名称时，使用英文颜色名称非常简单。指定颜色名称是直接方法，W3C已经公布了16种基本颜色（黑色、黄色、红色、栗色、灰色、石灰、绿色、橄榄色、银色、水色、蓝色、海军蓝、白色、紫色、紫红色、青色）

2.福胜利

色相饱和度和亮度颜色值。色调定义为 0 到 360 度，饱和度和亮度定义为 0 到 100 %。

3.十六进制颜色

为了获得精确的结果，使用六位十六进制数。详细来说，前两位表示红色，后两位表示绿色，另外两位表示蓝色值，前面带有‘#’。

以下示例说明了向文档应用颜色的不同方法。

代码：

<title>EDUCBA</title>
<style type="text/css">
h1{
color:#97cae0;
background-color: hsl(200, 50%, 20%);
color: hsl(200, 20%, 90%);
}
h4{
color:rgb(0, 255, 0);
background-color: hsl(130, 10%, 30%);
color: hsl(280, 20%, 80%);
}
li{
color:rgba(12, 88, 120, 1);
background-color: hsl(210, 36%, 50%);
color: hsl(145, 45%, 81%);
}
</style>


<h1 id="EDUCBA">EDUCBA</h1>
<h4 id="List-of-operating-System">List of operating System</h4>

• Windows
• MACINTOSH
• LINUX
• UBUNTU

以上是HTML 颜色 的详细内容。更多信息请关注PHP中文网其他相关文章！