HTML 颜色概念
在HTML中，颜色用于设置文本、背景、边框等元素的显示效果。
颜色由红、绿、蓝三种颜色组合而成，每种颜色值从0到255，一共有1600万种不同颜色组合(256 x 256 x 256)。
HTML 颜色表示方法
在 HTML 中，颜色最常用的表示方法：名称、十六进制代码、RGB值。
1. 颜色名称
HTML提供了一些预定义的颜色名称，如red、blue、green。这些名称可以直接在 HTML 和 CSS 中使用。
<p style="color: red;">这段文字是红色的。</p>
<p style="color: blue;">这段文字是蓝色的。</p>
<p style="color: green;">这段文字是绿色的。</p>2. 十六进制颜色代码
十六进制颜色代码由#开头，后面跟着6位十六进制数字。每两位分别代表红（R）、绿（G）、蓝（B）的强度。
<p style="color: #FF0000;">这段文字是红色的。</p>
<p style="color: #00FF00;">这段文字是绿色的。</p>
<p style="color: #0000FF;">这段文字是蓝色的。</p>- #FF0000表示红色
- #00FF00表示绿色
- #0000FF表示蓝色
3. RGB颜色值
RGB颜色值使用rgb()函数表示，括号内分别填入红、绿、蓝的强度值，范围是0到255。
<p style="color: rgb(255, 0, 0);">这段文字是红色的。</p>
<p style="color: rgb(0, 255, 0);">这段文字是绿色的。</p>
<p style="color: rgb(0, 0, 255);">这段文字是蓝色的。</p>- rgb(255, 0, 0)表示红色
- rgb(0, 255, 0)表示绿色
- rgb(0, 0, 255)表示蓝色
4. RGBA颜色值
RGBA颜色值在RGB的基础上增加了透明度（Alpha），范围是0（完全透明）到1（完全不透明）。
<p style="color: rgba(255, 0, 0, 0.5);">这段文字是半透明的红色。</p>
<p style="color: rgba(0, 255, 0, 0.5);">这段文字是半透明的绿色。</p>
<p style="color: rgba(0, 0, 255, 0.5);">这段文字是半透明的蓝色。</p>- rgba(255, 0, 0, 0.5)表示半透明的红色
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
291
阅读
0
评论