CSS의 rgba에는 몇 개의 값이 있습니까?
- 醉折花枝作酒筹원래의
- 2021-05-24 17:57:453951검색
CSS에서 rgba에는 빨간색(R), 녹색(G), 파란색(B), 투명도(A)의 네 가지 값이 있습니다. 채널을 변경하고 서로 추가하면 다양한 색상을 얻을 수 있습니다. RGBA 색상 표준은 인간의 시각으로 인지할 수 있는 거의 모든 색상을 포함하며 현재 가장 널리 사용되는 색상 시스템 중 하나입니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
rgba 무슨 뜻인가요?
RGBA: 업계의 색상 표준인 색상 모드는 빨간색(R), 녹색(G), 파란색(B) 및 투명도(A)의 4가지 색상 채널을 변경하는 데에도 사용할 수 있습니다. 그들 사이의 관계를 오버레이하여 다양한 색상을 얻을 수 있습니다. RGBA 색상 표준은 인간의 시각으로 인지할 수 있는 거의 모든 색상을 포함하며 현재 가장 널리 사용되는 색상 시스템 중 하나입니다.
CSS에서는 RGBA 표준을 사용하여 색상 값을 설정할 수 있는데, 이를 위해서는 CSS rgba() 함수를 사용해야 합니다. rgba 관련 지식을 알아봅시다.
CSS rgba() 함수
rgba() 함수는 빨간색(R), 녹색(G), 파란색(B), 투명도(A)의 네 가지 색상의 중첩을 사용하여 다양한 색상을 생성합니다.
Syntax
rgba(red, green, blue, alpha)
rgba() 함수에는 4개의 값이 있습니다. 즉:
red는 빨간색 값을 정의하고 값 범위는 0~255이며 백분율 0%~100%를 사용할 수도 있습니다.
green은 녹색 값을 정의하며 값 범위는 0~255이며 백분율 0%~100%를 사용할 수도 있습니다.
blue는 파란색 값을 정의하며 값 범위는 0~255이며 백분율 0%~100%를 사용할 수도 있습니다.
투명도(A)는 0에서 1 사이의 값을 가지며 투명도를 나타냅니다.
예: rgba() 함수를 사용하여 색상 설정
<!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">蓝色</p>
<p id="p4">黑色</p>
<p id="p5">黄色</p>
</body>
</html>효과:
추천 학습: css 비디오 튜토리얼
위 내용은 CSS의 rgba에는 몇 개의 값이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!