css中rgba的值有哪些

發(fā)布時(shí)間：2021-05-25 12:46:03 來(lái)源：億速云閱讀：373 作者：小新欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)css中rgba的值有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

在css中，rgba有四個(gè)值，分別是紅(R)、綠(G)、藍(lán)(B)、透明度(A)四個(gè)顏色?？梢酝ㄟ^(guò)通道的變化以及它們相互之間的疊加來(lái)獲得到各式各樣的顏色。RGBA顏色標(biāo)準(zhǔn)幾乎包括了人類(lèi)視力所能感知的所有顏色，是目前運(yùn)用最廣的顏色系統(tǒng)之一。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

rgba是什么意思？

RGBA：一種色彩模式，是工業(yè)界一種顏色標(biāo)準(zhǔn)；可以通過(guò)對(duì)紅(R)、綠(G)、藍(lán)(B)、透明度(A)四個(gè)顏色通道的變化以及它們相互之間的疊加來(lái)獲得到各式各樣的顏色的。RGBA顏色標(biāo)準(zhǔn)幾乎包括了人類(lèi)視力所能感知的所有顏色，是目前運(yùn)用最廣的顏色系統(tǒng)之一。

css中rgba的值有哪些

在css中我們可以采用RGBA標(biāo)準(zhǔn)來(lái)設(shè)置顏色值，這就需要用到css rgba()函數(shù)，我們來(lái)了解一下rgba的相關(guān)知識(shí)吧。

CSS rgba() 函數(shù)

rgba() 函數(shù)使用紅(R)、綠(G)、藍(lán)(B)、透明度(A)四個(gè)顏色的疊加來(lái)生成各式各樣的顏色。

語(yǔ)法

rgba(red, green, blue, alpha)

rgba() 函數(shù)有四個(gè)值，分別為：

red 定義紅色值，取值范圍為 0 ~ 255，也可以使用百分比 0% ~ 100%。
green 定義綠色值，取值范圍為 0 ~ 255，也可以使用百分比 0% ~ 100%。
blue 定義藍(lán)色值，取值范圍為 0 ~ 255，也可以使用百分比 0% ~ 100%。
透明度（A）取值 0~1 之間，代表透明度。

示例：使用rgba() 函數(shù)設(shè)置顏色

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
      body {
        background: rgba(192, 192, 192);
      }
      #p1 {
        background-color: rgba(255, 255, 255);
      }
      #p2 {
        background-color: rgba(0, 255, 0);
      }
      #p3 {
        background-color: rgba(0, 0, 255);
      }
      #p4 {
        background-color: rgba(0, 0, 0,0.5);
      }
      #p5 {
        background-color: rgba(255, 255, 0);
      }
    </style>
  </head>

  <body>
    <p>RGBA 顏色:</p>
    <p id="p1">白色</p>
    <p id="p2">綠色</p>
    <p id="p3">藍(lán)色</p>
    <p id="p4">黑色</p>
    <p id="p5">黃色</p>
  </body>
</html>

效果：

css中rgba的值有哪些

css的選擇器有哪些

css的選擇器可以分為三大類(lèi)，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類(lèi)選擇器、通用選擇器、群組選擇器等等

感謝各位的閱讀！關(guān)于“css中rgba的值有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

css中rgba的值有哪些

css的選擇器有哪些

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽