黑色就是最小的 RGB 值,如 #000000 或 rgb(0, 0, 0) ,也就是三原色中紅色 R 、綠色 G 、藍色 B 都為最小值,至於白色則是最大的 RGB 值,如 #ffffff 或 rgb(255, 255, 255) 。其他顏色都是由三原色混合出來的。
CSS 2.1 中顏色的關鍵字共有 17 個 ,下表列出中英文名稱及瀏覽器顯示的顏色
中文 | 英文 | RGB值 | 瀏覽器顯示的顏色 |
---|---|---|---|
栗色或褐紅色 | maroon | #800000 | |
紅色 | red | #ff0000 | |
橙色或橘紅色、橙黃色 | orange | #ffA500 | |
黃色 | yellow | #ffff00 | |
橄欖色 | olive | #808000 | |
紫色 | purple | #800080 | |
品紅色或紫紅色 | fuchsia | #ff00ff | |
白色 | white | #ffffff | |
淺綠色或淡黃綠色 | lime | #00ff00 | |
綠色 | green | #008000 | |
深藍色 | navy | #000080 | |
藍色 | blue | #0000ff | |
青色或淺綠色 | aqua | #00ffff | |
墨綠色 | teal | #008080 | |
黑色 | black | #000000 | |
銀灰色 | silver | #c0c0c0 | |
灰色 | gray | #808080 |
下面可輸入十六進位的 RGB 值,然後直接在瀏覽器中顯示出顏色
請輸入 00 ~ ff 之間十六進位的值
R: G: B:
另舉一例如下
div { color: red; } p { color: #888800; } blockquote { color: rgb(128, 0, 128); } /* 《程式語言教學誌》的範例程式 http://pydoing.blogspot.com/ 檔名:demo12.css 功能:示範 CSS 2.1 樣式表的使用 作者:張凱慶 時間:西元 2011 年 7 月 */
我們以下面的 HTML 文件載入
<html> <head> <title>網頁標題</title> <link rel="stylesheet" type="text/css" href="demo12.css"> </head> <body> <p>You ever have that feeling where you're not sure if you're awake or still dreaming?</p> <p>A prison for your mind.</p> <p>Free your mind.</p> <p>Believe the unbelievable.</p> <div>There is no spoon.</div> <div>I can only show you the door, you have to walk through it.</div> <div>Choice. The problem is choice.</div> <div>Then tomorrow we may all be dead, but how would that be different from any other day?</div> <blockquote>I have dreamed a dream, but now that dream has gone from me.</blockquote> <blockquote>Choice is an illusion, created between those with power, and those without.</blockquote> <blockquote>Because I choose to.</blockquote> <blockquote>Everything that has a beginning has an end.</blockquote> </body> </html> <!-- 《程式語言教學誌》的範例程式 http://pydoing.blogspot.com/ 檔名:demo12.html 功能:示範 CSS 2.1 樣式表的使用 作者:張凱慶 時間:西元 2011 年 7 月 -->
瀏覽器 (broswer) 開啟如下
中英文術語對照 | |
---|---|
關鍵字 | keyword |
函數 | function |
瀏覽器 | broswer |
您可以繼續參考
基本概念
單位
選取器
@import 規則
階層
元素呈現方式 display
相關目錄
CSS 2.1 快速導覽
HTML, CSS 教材
首頁
參考資料
http://www.w3.org/TR/CSS21/syndata.html
https://developer.mozilla.org/en/CSS/Getting_Started/Color
沒有留言:
張貼留言