编程笔记 html5&css&js 042 CSS颜色

在《编程笔记 html5&css&js 018 HTML颜色》中已经述及颜色。但颜色应当由CSS处理，再次列出。

指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。

一、CSS 颜色名

在 CSS 中，可以使用颜色名称来指定颜色。CSS/HTML 支持 140 种标准颜色名。

二、CSS 背景色

您可以为 HTML 元素设置背景色：

China
China is a great country!

三、CSS 文本颜色

您可以设置文本的颜色：

China
China is a great country!
China, officially the People's Republic of China...

四、CSS 边框颜色

您可以设置边框的颜色：

Hello World
Hello World
Hello World

五、用颜色值指定颜色

在 CSS 中，还可以使用 RGB 值、HEX 值、HSL 值、RGBA 值或者 HSLA 值来指定颜色：

...
...
...
...
...

六、练习

   
   
   
   
      

         
用颜色名称、RGB、HEX、HSL、RGBA、HSLA颜色值指定颜色。
         
Tomato番茄色
         
Orange橙色
         
DodgerBlue道奇蓝
         
MediumSeaGreen中海绿色
         
Gray灰色
         
SlateBlue板岩蓝
         
Violet紫色
         
LightGray浅灰
         
rgb(255, 99, 71)
         
#ff6347
         
hsl(9, 100%, 64%)
         
rgba(255, 99, 71, 0.5)
         
hsla(9, 100%, 64%, 0.5)
      
   

小结

参考《编程笔记 html5&css&js 018 HTML颜色》。