html种颜色的代码大全
HTML中的颜色通常使用十六进制表示，例如"#RRGGBB"，其中RR（红）、GG（绿）和BB（蓝）是两位十六进制数，范围从00到FF。
以下是一些基本颜色的HTML代码：
<!DOCTYPE html>
<html>
<head>
<style>
.colorBlock {
width: 100px;
height: 100px;
display: inline-block;
text-align: center;
line-height: 100px;
font-size: 20px;
}
</style>
</head>
<body>
<div class="colorBlock" style="background-color: #000000;"></div> <!-- 黑色 -->
<div class="colorBlock" style="background-color: #FF0000;"></div> <!-- 红色 -->
<div class="colorBlock" style="background-color: #00FF00;"></div> <!-- 绿色 -->
<div class="colorBlock" style="background-color: #0000FF;"></div> <!-- 蓝色 -->
<div class="colorBlock" style="background-color: #FFFF00;"></div> <!-- 黄色 -->
<div class="colorBlock" style="background-color: #00FFFF;"></div> <!-- 青色 -->
<div class="colorBlock" style="background-color: #FF00FF;"></div> <!-- 品红色 -->
<div class="colorBlock" style="background-color: #FFFFFF;"></div> <!-- 白色 -->
</body>
</html>这个HTML代码创建了一个简单的颜色块列表，每个颜色块都是一个正方形，宽度和高度都是100像素。通过使用内联CSS样式，我们将背景颜色设置为各种基本颜色。
在CSS中，.colorBlock是一个样式类，它定义了所有颜色块的基本样式。width、height、display、text-align和line-height属性分别定义了颜色块的大小、显示方式、水平和垂直对齐方式以及文本行高。font-size属性定义了文本的字体大小。
在HTML代码中，每个div元素都包含一个style属性，该属性用于应用内联样式。我们使用background-color属性来设置每个颜色块的背景颜色。例如，第一个颜色块的背景颜色设置为黑色，第二个颜色块的背景颜色设置为红色，以此类推。
效果图截图如下：
