css3顏色表示方法有:1、用顏色英文名稱來表示,例「red」表示紅色;2、用十六進位來表示,例「#ffff00」;3、使用rgb()函數來表示;4、使用hsl()函數來表示;5、使用rgba()函數來表示;6、使用hsla()函數來表示。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
色光三原色原理
色光的三原色是紅色(Red)、綠色(Green)、藍色(Blue) 三種,可以構成繽紛的絢麗色彩。
實在不記得的話,這裡左轉百度百科
CSS3支援的顏色表示方法
- ##用顏色英文名稱表示。英文名稱代表一種顏色,但表示很有限且不易記憶和查詢。
- 以
- 十六進位的顏色表示。色光三原色原理,可以查表。 以
- rgb (r, g, b) 表示。色光三原色原理,紅色 綠色 藍色。 以
- hsl (Hue, Saturation, Lightness) 表示。色調 飽和度 亮度。 以
- rgba (r, g, b, a) 表示。色光三原色原理,紅色、綠色、藍色 透明。 a ∈ [0, 1],0代表完全透明。 以
- hsla (Hue, Saturation, Lightness, alpha) 表示。色調、飽和度、亮度 透明度。 alpha ∈ [0, 1],0代表完全透明。
範例:
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html" ;charset="utf-8"> <title>CSS颜色表示</title> <style type="text/css"> div>div{ width: 400px; height: 40px; } </style> </head> <body> <script type="text/javascript"> for (var i = 0; i < 300; i++) { document.write("CSS颜色表示"); } </script> <div style="position:absolute;top:0px"> <div style="background-color:gray;"> background-color:gray </div> <div style="background-color:#ff4314;"> background-color:#888 </div> <div style="background-color:#ffff00;"> background-color:#ffff00 </div> <div style="background-color:rgb(0, 255, 255);"> background-color:rgb(0, 255, 255) </div> <div style="background-color:hsl(120, 100%, 50%);"> background-color:hsl(120, 100%, 50%) </div> <div style="background-color:rgba(0, 255, 255, 0.5);"> background-color:rgba(0, 255, 255, 0.5) </div> <div style="background-color:hsla(120, 100%, 50%, 0.5);"> background-color:hsla(120, 100%, 50%, 0.5) </div> </div> </body> </html>網頁展示
以上是css3支援的顏色表示方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文討論了HTML5音頻格式和跨瀏覽器兼容性。它涵蓋MP3,WAV,OGG,AAC和WebM,並建議使用多個來源和後備以實現更廣泛的可訪問性。

SVG和畫布是Web圖形的HTML5元素。基於向量的SVG擅長可擴展性和交互性,而基於像素的畫布則更適合遊戲等性能密集型應用程序。

本文討論了HTML的&Lt; Meter&Gt; &&&lt;標籤,用於顯示標量值和任務進度。

這是使用HTML5轉換為表格格式的數據,包括響應式設計的示例和策略,造型的最佳實踐以及表格結構中使用的語義HTML5標籤:&lt;! doctype html&gt; &lt; html lang =&

本文討論了&lt; datalist&gt; gt; &&&lt; select&gt;標籤,專注於其功能,用戶互動以及對不同Web開發方案的適用性。

本文討論了HTML的Lt; gt; gt; &&lt; img&gt;標籤,專注於他們的目的,用法和語義優勢。主要論點是&gt; gt;提供更好的結構和訪問


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

SublimeText3 Linux新版
SublimeText3 Linux最新版

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具