>  기사  >  웹 프론트엔드  >  CSS3 튜토리얼(9): RGB Color_css3_CSS_웹 페이지 제작 설정

CSS3 튜토리얼(9): RGB Color_css3_CSS_웹 페이지 제작 설정

黄舟
黄舟원래의
2016-12-23 16:08:541724검색

웹 페이지 제작 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 색상

CSS3 튜토리얼(9): RGB Color_css3_CSS_웹 페이지 제작 설정

위의 효과는 다음 스타일로 달성됩니다:
div.rgbaL1 { background:rgba(153, 134, 117, 0.2); 20px; } div.rgbaL2 { 배경:rgba(153, 134, 117, 0.4); 높이:20px; } div.rgbaL3 { 배경:rgba(153, 134, 0.6) } div.rgbaL4 { background :rgba(153, 134, 117, 0.8); height:20px; } div.rgbaL5 { background:rgba(153, 134, 117, 1.0) }
브라우저 지원

Firefox(3.05…)

Google Chrome(1.0.154…)

Google Chrome(2.0.156…)

Internet Explorer(IE7, IE8 RC1)

Opera(9.6…)

Safari(3.2.1 windows…)

위 CSS3 튜토리얼 내용입니다(9): RGB color_css3_CSS_웹페이지 제작 설정, 더보기 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.