原创投稿
  1. 创想鸟首页
  2. 用户投稿

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颜色样式的详细内容，更多请关注创想鸟其它相关文章！

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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

413.8K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
如何使用相对URL在HTML中链接页面？
上一篇 2025年12月21日 22:11:40
设置 HTML 中链接文档的语言
下一篇 2025年12月21日 22:11:51

相关推荐

发表回复

登录后才能评论
关注微信