CSS에서 배경 투명도를 설정하는 방법: 먼저 [
] 태그를 만들고 [] 태그에 클래스를 추가한 다음 [에서 rgba 클래스의 높이와 배경 투명도 스타일을 설정합니다. ] 태그 【(rgba(R,G,B,A))】.
이 튜토리얼의 운영 환경: windows10 시스템, CSS3 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
CSS에서 배경 투명도를 설정하는 방법:
1.html 파일을 만듭니다. 그림과 같이
2.html 파일에서
태그를 찾아 이 태그에标签，在这个标签里创建一个代码：
<div class="rgba"></div>로그인 후 복사
3、为div添加样式。在
标签后面创建一个<code><style></code>，在<style>标签里设置rgba类的高和背景透明度的样式<code>（rgba(R,G,B,A)）</code></p>코드: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style type="text/css"> .rgba{ background-color: rgba(0,0,0,0.5); height: 200px; } </style></pre><div class="contentsignin">로그인 후 복사</div></div><img src="https://img.php.cn/upload/image/208/928/758/1614587277342859.png" title="1614587277342859.png" alt="156045e8d173848ce2af1cb fbd95862.png"><p><img src="https://img.php.cn/upload/image/919/265/675/1614587283492815.png" title="1614587283492815.png" alt="CSS에서 배경 투명도를 설정하는 방법">3.div에 스타일을 추가합니다. </p> <title> 태그 뒤에 <code><style></style></code>를 생성하고 <style> 태그에 rgba 클래스 <code>의 높이 및 배경 투명도 스타일을 설정합니다(rgba(R,G, B, A)). 투명도 매개변수는 값이 0에서 1 사이이며 음수일 수 없습니다. 투명도 매개변수가 작을수록 투명도가 높아집니다. 사진과 같이 <p>코드: rrreee<p><img src="https://img.php.cn/upload/image/496/458/463/1614587288571362.png" title="1614587288571362.png" alt="CSS에서 배경 투명도를 설정하는 방법"/><p> 4. 저장 후 브라우저를 이용하여 감상하세요. 투명도를 0.1에서 1로 변경하면 div 배경이 회색에서 검은색으로 바뀌는 것을 볼 수 있습니다. 그림과 같이: <img src="https://img.php.cn/upload/image/984/894/870/1614587295311922.png" title="1614587295311922.png" alt="CSS에서 배경 투명도를 설정하는 방법"/><p><img src="https://img.php.cn/upload/image/801/601/562/1614587301589695.png" title="1614587301589695.png" alt="CSS에서 배경 투명도를 설정하는 방법"/><blockquote><p><strong><a href="//m.sbmmt.com/course/list/12.html" target="_blank"><strong> 추천 관련 튜토리얼: 🎜CSS 비디오 튜토리얼🎜🎜🎜🎜</style>
위 내용은 CSS에서 배경 투명도를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
