Board logo

標題: CSS 背景顏色 (一) [打印本頁]

作者: 陳育霖    時間: 2023-8-12 07:52     標題: CSS 背景顏色 (一)

本帖最後由 陳育霖 於 2023-8-12 10:56 編輯

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. }
複製代碼





歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/) Powered by Discuz! 7.2