CSS3를 사용하여 RGB 색상을 설정하는 예

웹페이지 제작 Webjx 기사소개: 새로운 CSS3 "RGBA" 문을 사용하면 평소처럼 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.                   ​ 새로운 CSS3 "RGBA" 선언을 사용하면 평소처럼 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.
​                   새로운 CSS3 "RGBA" 선언을 사용하면 평소처럼 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.                  
새로운 CSS3 "RGBA" 선언을 사용하면 평소처럼 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.
이전 기사: CSS3 튜토리얼(8): CSS3 투명도 가이드
RGBA는 RGB와 마찬가지로 색상을 설정하며, RGBA의 마지막 값인 이 "A"를 사용하여 해당 요소의 투명도를 설정할 수 있습니다. 불투명도 선언과 마찬가지로 불투명도 값이 1인 요소는 완전히 불투명하고, 불투명도 값이 0인 요소는 완전히 투명합니다.
브라우저 호환성
RGBA는 이제 Firefox, Google Chrome 및 Safari에서 잘 지원되며 접두사가 필요하지 않습니다. CSS3 RGBA 색상

위의 효과는 다음 스타일로 달성됩니다:
p.CSS3를 사용하여 RGB 색상을 설정하는 예L1 { 배경:CSS3를 사용하여 RGB 색상을 설정하는 예(153, 134, 117, 0.2); 20픽셀; p.CSS3를 사용하여 RGB 색상을 설정하는 예L2 { 배경:CSS3를 사용하여 RGB 색상을 설정하는 예(153, 134, 117, 0.4) 높이:20px } p.CSS3를 사용하여 RGB 색상을 설정하는 예L3 { 배경:CSS3를 사용하여 RGB 색상을 설정하는 예(153, 134, 117, 0.6) 높이:20px } p.CSS3를 사용하여 RGB 색상을 설정하는 예L4 { 배경:CSS3를 사용하여 RGB 색상을 설정하는 예(153, 134, 117, 0.8); 높이:20px } p.CSS3를 사용하여 RGB 색상을 설정하는 예L5 { background:CSS3를 사용하여 RGB 색상을 설정하는 예(153, 134, 117, 1.0); height:20px; }
브라우저 지원

• Firefox(3.05… )

• 구글 크롬(1.0.154…)

• 구글 크롬(2.0.156…)

• Internet Explorer(IE7, IE8 RC1)

• Opera(9.6…)

• Safari(3.2.1 windows…)

위 내용은 CSS3를 사용하여 RGB 색상을 설정하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!