標題: 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