CSS_字体颜色

字体颜色

• 属性名： color
  属性值：

  • 颜色单词
  • 十六进制
    • #rgb 3种颜色的颜料
    • #rrggbb 6个颜料 当两两相同时, 可简化为 #rgb
      ​ rgb 的范围: 0~9 或 a~f
  • rgb()
    • rgb(r, g, b)
    • rgba(r, g, b, a)
      • rgb 的范围: 0~255
      • a 的范围: 0~1 可小数, 代表透明度
  • 色轮
    hsla(h, s, l, a)
    • h: 色调 范围: 0~360 0/360红 120绿 240蓝
    • s: 饱和度 范围: 0% ~ 100%
    • l: 亮度 范围: 0% ~ 100%
    • a: 透明度 范围: 0~1 可小数

• 属性名：opacity 单纯的透明度
  属性值：0~1 可小数

         <p style="color: skyblue;">Henoy</p>
         <p style="color: #ff0;">Baiby</p>
         <p style="color: #00cc11;">The soul is not where it lives, but it loves.</p>
         <p style="color: #0c1;">心灵不在它生活的地方，而在它所爱的地方。</p>
         <p style="color: rgb(200,100,20);">Be brave and clear. Follow your heart and don't be overly influenced by outside factors. Be true to yourself.</p>
         <p style="color: rgba(200,100,20,0.1);">要勇敢和明智。遵从内心，不随波逐流。做真实的自己。</p>
         <p style="color: hsla(61,63%,52%,0.43);">The most utterly lost of all days is that in which you have not once laughed.</p>
         <p style="color: #FF4D1D;">完全虚度的日子是你一次也没有笑过的日子</p>
         <p style="color: #FF4D1D; opacity: 0.5;">jisjxi</p>