CSS 顏色
顏色可以使用預定義的顏色名稱、RGB、HEX、HSL、RGBA 或 HSLA 值來指定。
CSS 顏色名稱
在 CSS 中，可以使用預定義的顏色名稱來指定顏色。
番茄色
橙子
道奇藍
中海綠色
灰色
石板藍
紫羅蘭色
淺灰色
CSS/HTML 支援 140 種標準顏色名稱。
CSS 背景顏色
您可以為 HTML 元素設定背景顏色。
你好世界
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
示例
<h1 style="background-color:DodgerBlue;">你好世界</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>
自己動手試一試 »
CSS 文字顏色
您可以設定文字的顏色。
你好世界
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
示例
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
自己動手試一試 »
CSS 邊框顏色
您可以設定邊框的顏色。
你好世界
你好世界
你好世界
示例
<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>
自己動手試一試 »
CSS 顏色值
在 CSS 中，還可以使用 RGB 值、HEX 值、HSL 值、RGBA 值和 HSLA 值來指定顏色。
與顏色名稱“Tomato”相同
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
與顏色名稱“Tomato”相同，但透明度為 50%
rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
示例
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
自己動手試一試 »
影片：CSS 顏色簡介
