1. 颜色名称: HTML定义了一些预定义的颜色名称,如 "red"、"blue"、"green" 等。
<p style="color: red;">这是红色文本。</p>
<p style="color: blue;">这是蓝色文本。</p>
2. 十六进制值: 使用六位的十六进制值表示颜色,其中前两位表示红色、中间两位表示绿色、最后两位表示蓝色。
<p style="color: #ff0000;">这是红色文本。</p>
<p style="color: #00ff00;">这是绿色文本。</p>
3. RGB值: 使用RGB(红、绿、蓝)表示颜色,其中每个颜色的值范围是0到255。
<p style="color: rgb(255, 0, 0);">这是红色文本。</p>
<p style="color: rgb(0, 255, 0);">这是绿色文本。</p>
4. RGBA值: 类似于RGB,但带有一个额外的透明度(alpha)值,范围是0到1。
<p style="color: rgba(255, 0, 0, 0.5);">这是半透明的红色文本。</p>
这些颜色表示方式可以用于设置文本颜色、背景颜色、边框颜色等。在CSS样式表中,也可以使用这些颜色值。
/* CSS样式表中的颜色设置 */
.example {
color: #336699; /* 十六进制值 */
background-color: rgb(200, 100, 50); /* RGB值 */
}
在实际应用中,根据设计需求和颜色搭配,选择合适的颜色表示方式是很重要的。
转载请注明出处:http://www.zyzy.cn/article/detail/12484/HTML5