CSS 背景顏色 (一)

陳育霖

rgba() 函數:
rgba(red, green, blue, alpha)，alpha為透明度，0為完全透明、1為完全不透明

1. p {
   
2.   color: rgba(0, 0, 255, 0.6);
   
3. }

複製代碼

hsla() 函數:
hsla(hue, saturation, lightness, alpha)
hue 為顏色參數(0、360為紅，120為綠，240為藍)、saturation為飽和度(0~100%)、lightness為亮度(0~100%)、alpha為透明度

1. p {
   
2.   color: hsla(120, 100%, 50%, 0.6);
   
3. }

複製代碼

opacity 透明度:

1. p {
   
2.   opacity: 0.6;
   
3. }

複製代碼

圖片背景: background-image

1. body {
   
2.   background-image: url(sea.jpg);
   
3. }

複製代碼