<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 100px; height: 100px; /* 顏色單位 直接使用顏色單詞表示不同顏色 也可以使用RGB值表示不同顏色 通過三元色濃度表示不同顏色 例 rgb（紅色濃度，綠色濃度，藍色濃度） 顏色濃度需要一個0-255之間的值，255最大，0無 濃度也可以采用一個百分數來設置，需要一個0%-100%之間的數字 使用百分數最終也會轉換為0-255之間的數（0% 表示0 100%表示255） */ /* background-color: rgb(161,181,215); */ background-color: rgb(100%,50%,50%); } </style> </head> <body> <div class="box1"></div> </body> </html>
RGB值利用 紅 綠 藍 三元色的濃度表示不同顏色
rgb（紅濃度，綠濃度，藍濃度）取值0-255之間 百分比0%-100%