HTML颜色样式

颜色对于为您的网站提供良好的外观和感觉非常重要。

十六进制代码(十六进制颜色表示)

十六进制是颜色的 6 位表示。前两位(RR)代表红色值,接下来两位是绿色值(GG),最后一位是蓝色值(BB)。

可以从任何图形中获取十六进制值Adobe Photoshop 等软件。每个十六进制代码前面都会有一个井号或井号 #。以下是使用十六进制表示法的几种颜色的列表。以下是十六进制颜色的一些示例 –

HTML颜色样式

让我们看一个在 HTML 中实现十六进制样式来表示颜色的示例 –

立即学习“前端免费学习笔记(深入)”;

示例

 直播演示

   table, th, td {      border: 2px solid black;   }

Result

登录后复制登录后复制   

     

     

   

        

Id

     

Name

     

Percentage

     

Rank

            009      Tom      98      1            011      Kieron      97      2            039      Gayle      95      3            017      Shaun      92      4            009      Kane      91      5            025      Steve      87      6            013      Jack      85      7            023      Tim      84      8   

输出

HTML颜色样式

RGB 颜色值

RGB 颜色值是使用 rgb( ) 属性指定的。该属性采用三个值,红色、绿色和蓝色各一个。该值可以是 0 到 255 之间的整数或百分比。

以下是用 RGB 表示的一些颜色 –

HTML颜色样式

HSL 颜色值

使用 HTML,您还可以设置 HUE,即“H”代表色调,“S”代表饱和度, “L”代表亮度。

让我们看一个在 HTML 中实现 HSL 样式来表示颜色的示例 –

示例

 实时演示

   table, th, td {      border: 2px solid black;   }

Result

登录后复制登录后复制   

     

     

   

        

Id

     

Name

     

Percentage

     

Rank

            009      Tom      98      1            011      Kieron      97      2            039      Gayle      95      3            017      Shaun      92      4            009      Kane      91      5            025      Steve      87      6            013      Jack      85      7            023      Tim      84      8   

这将产生以下输出 –

HTML颜色样式

以上就是HTML颜色样式的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2820860.html

(0)
上一篇 2025年3月9日 01:27:00
下一篇 2025年3月8日 14:22:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论