CSS에서 배경색을 지우는 방법은 배경에 background-color 속성을 추가하고 속성값을 transparent로 설정하여 [배경색:투명]과 같이 배경색이 지워지도록 하면 됩니다.
이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.
배경색을 지우려면 background-color 속성을 사용하여 배경색을 투명하게 만들어 배경색을 지울 수 있습니다.
background-color 속성은 요소의 배경색을 설정합니다.
참고:
background-color 속성은 요소의 단색을 설정합니다. 이 색상은 요소의 콘텐츠, 안쪽 여백 및 테두리 영역을 채우며 요소 테두리의 외부 경계까지 확장됩니다(여백은 아님). 테두리에 투명한 부분(예: 점선 테두리)이 있는 경우 배경색은 이러한 투명한 부분을 통해 표시됩니다.
일반적으로 사용되는 속성 값:
color_name은 색상 값이 색상 이름의 배경색(예: 빨간색)임을 지정합니다.
hex_number는 색상 값이 16진수 값(예: #ff0000)인 배경색을 지정합니다.
rgb_number는 색상 값을 RGB 코드(예: rgb(255,0,0))의 배경색으로 지정합니다.
투명 기본값. 배경색은 투명합니다.
inherit는 background-color 속성의 설정이 상위 요소에서 상속되어야 함을 지정합니다.
코드 샘플:
<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>관련 비디오 튜토리얼: css 비디오 튜토리얼
위 내용은 CSS에서 배경색을 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
