• 1:1 문의
  • 회원가입
  • 로그인

[func] CSS3 - rgba () 함수 ★ - 빨강 - 녹색 - 파랑 - 알파 모델 (RGBA) 사용해 색상 정의 (= 알지비에이함수)

rgba () 함수 기본예제

 

<style>

p {background-color:rgba(255,0,0,0.3);}

</style>

 

<p>홈짱닷컴 Homzzang.com</p>

 

결과보기

 

 

rgba () 정의 및 사용법

 

1.
빨강 - 녹색 - 파랑 - 알파 모델 (= RGBA 모델) 사용해 색상 정의 (= 불투명도 반영 RGB 색깔 정의)

2.

기본 사용법은 rgb() 함수와 유사
https://homzzang.com/b/css-275

다만, 알파 (Alpha 불투명도) 개념 추가

 

3.

CSS3

 

4.

IE 9 이상 주요 브라우저 지원

 

 

 

rgba () 구문

 

rgba(red, green, blue, Alpha)

 

 

[매개변수]

red

빨강 강도 : 0 ~ 255 정수 (또는, 0% ~ 100% 백분율)

 

green 

녹색 강도 : 0 ~ 255 정수 (또는, 0% ~ 100% 백분율)


blue 

파랑 강도 : 0 ~ 255 정수 (또는, 0% ~ 100% 백분율)

 

alpha

불투명 정도:  0.0 (= 완전 투명) ~ 1.0 (= 완전 불투명)



즐겨찾기 (= 북마크) : Ctrl + D
홈페이지 제작
유지보수 관리

분류 제목
intro CSS - 정의와 장점 + CSS 기본 문법
intro CSS - 발전사 (CSS1 → .01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인 스타일 / 내부 스타일 / 외부 스타일) 적용 순서 + 속…
selector CSS - 선택자 (Selector) 종류
selector CSS - 아이디(id) , 클래스(class) 선택자 ★★★★★
selector CSS - 전체선택자 (*)
selector CSS - 요소선택자 (요소)
selector CSS - 병렬선택자 (요소,요소) ★ - 요소 여러개 나열
selector CSS - 자손선택자 (요소 요소) ★ - 특정 요소 아래의 모든 자손 요소
목록

방문자 수

오늘 111
어제 557
최대 583
전체 439,515
Since 2012