Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS3의 RGBA 색상 값

<시간/>

RGBA 색상 값은 Red, Green, Blue 및 Alpha용입니다. 알파는 색상 불투명도, 즉 0.0에서 1.0 사이의 숫자입니다. 여기서 1.0은 완전 불투명입니다. 여기에서 RGBA −

에서 Alpha 매개변수로 생성된 불투명도의 차이를 볼 수 있습니다.

CSS3의 RGBA 색상 값

예시

이제 RGBA 색상 값의 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<head>
<style>
#demo1 {background-color:rgba(108,111,35,0.6);}
#demo2 {background-color:rgba(108,111,35,0.5);}
#demo3 {background-color:rgba(108,111,35,0.4);}
#demo4 {background-color:rgba(108,111,35,0.3);}
#demo5 {background-color:rgba(108,111,35,0.2);}
#demo6 {background-color:rgba(108,111,35,0.1);}
</style>
</head>
<body>
<h1>Cricketers</h1>
<p id="demo1">David Warner</p>
<p id="demo2">Steve Smith</p>
<p id="demo3">Mark Waugh</p>
<p id="demo4">Steve Waugh</p>
<p id="demo5">David Johnson</p>
<p id="demo6">Andy Bichel</p>
</body>
</html>

출력

CSS3의 RGBA 색상 값