CSS3 RGBA 색상

CSS3의 RGBA 색상 값에 대한 자세한 설명:
이 장에서는 RGBA 색상 값의 사용법을 소개합니다. 이는 모두가 RGB에 매우 익숙하기 때문입니다. 하지만 끝에 A가 추가됩니다.
문법 구조:

RGBA(R,G,B,A)

매개변수 분석:
R(red ): 빨간색 값. 양의 정수 |
G(녹색): 녹색 값입니다. 양의 정수 |
B(파란색): 파란색 값. 양의 정수 |
A(알파): 알파 투명도, 0에서 1 사이의 값.
RGBA는 RGB를 기반으로 알파 투명도를 제어하는 매개변수를 추가합니다. R, G, B 세 가지 매개변수의 양의 정수 값은 0~255이고, 백분율 값은 0.0%~100.0%입니다. 범위 밖의 값은 가장 가까운 값 한계까지, 매개변수 A의 값은 0과 1 사이입니다. 모든 브라우저가 백분율 매개변수 값을 지원하는 것은 아니라는 점에 유의하는 것이 중요합니다.
브라우저 호환성:
RGBA 색상값 호환성은 꽤 좋습니다. IE8 및 IE8 이하 브라우저에서는 지원되지 않지만, 다른 표준 브라우저에서는 지원됩니다.
코드 예:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>CSS3教程</title> 
<style type="text/css"> 
.first{color:rgba(128,128,128,0.2);} 
.second{color:rgba(50%,50%,50%,0.3);} 
.third{color:rgba(160,100,150,0.6);} 
</style> 
</head> 
<body> 
<div class="first">php中文网欢迎您</div> 
<div class="second">php中文网欢迎您</div> 
<div class="third">php中文网欢迎您</div> 
</body> 
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS3教程</title> <style type="text/css"> .first{color:rgba(128,128,128,0.2);} .second{color:rgba(50%,50%,50%,0.3);} .third{color:rgba(160,100,150,0.6);} </style> </head> <body> <div class="first">php中文网欢迎您</div> <div class="second">php中文网欢迎您</div> <div class="third">php中文网欢迎您</div> </body> </html>

제출하다 코드 재설정

자동운전