HTML 颜色
html
html5
HTML Tutorial
HTML Properties
HTML tags
本文介绍了如何使用 HTML 以简单易行的方式在网站中使用颜色。颜色在创建网站的外观和感觉方面发挥着重要作用。 HTML 中没有单独的标签；相反，它使用样式属性或颜色属性。准确地说，颜色是使用层叠样式表 (CSS) 嵌入到 HTML 元素中的。颜色赋予网页优雅的外观。为网页添加颜色包括设置背景颜色、表格、段落等
如何在 HTML 中设置背景颜色？
使背景颜色变亮使网站看起来更漂亮、更大胆。它是通过使用颜色、十六进制颜色代码来完成的。 RGB 和 RGBA 颜色值（Alpha 值 0 到 1）。
使用 Html body 元素内的 Style 属性将十六进制颜色直接应用于 Html 代码。十六进制是数字和字母的组合。以下是网页背景颜色的示例。
代码：
<!DOCTYPE html> <title>My Sample</title> <html> <head> <title>HTML BG Color</title> </head> <body style="background-color:red;"> <h1> This page is a demo </h1> </body> </html>
登录后复制
代码片段：
要添加背景颜色，可以使用 bgcolor 属性来显示
body bgcolor=''>.它与除 HTML 5 之外的所有浏览器兼容。代码：
<h3 style="color: blue">Color Name</h3> <h3 style="color: #0000ff">Hexadecimal</h3> <h3 style="color: rgb (0,0,255)">RGB Value</h3>
登录后复制
如何为 HTML 中的文本应用颜色？
对 HTML 文本应用颜色非常简单；我们可以通过三种方式添加/更改文本的颜色，即十六进制颜色、HSL 值和颜色名称。以下是向相应网页应用颜色的三种不同技术。
1.颜色名称
当应用程序直接使用这些颜色名称时，使用英文颜色名称非常简单。指定颜色名称是直接方法，W3C已经公布了16种基本颜色（黑色、黄色、红色、栗色、灰色、石灰、绿色、橄榄色、银色、水色、蓝色、海军蓝、白色、紫色、紫红色、青色）
2.福胜利
色相饱和度和亮度颜色值。色调定义为 0 到 360 度，饱和度和亮度定义为 0 到 100 %。
3.十六进制颜色
为了获得精确的结果，使用六位十六进制数。详细来说，前两位表示红色，后两位表示绿色，另外两位表示蓝色值，前面带有‘#’。
以下示例说明了向文档应用颜色的不同方法。
代码：
<head>
<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>
</head>
<body>
<h1>EDUCBA</h1>
<h4>List of operating System</h4>
<ul>
<li> Windows</li>
<li>MACINTOSH</li>
<li>LINUX</li>
<li>UBUNTU</li>
</ul>
</body>
</html>登录后复制
输出：
有不同的方法来设置文本颜色，因为 HTML 有很多可定制的应用程序。
- 应用样式部分
- 创建单独的 CSS 样式表
- 换行文本
如何使用
The styles for Html documents
Each tag to be styled with colors.