>  기사  >  웹 프론트엔드  >  CSS에서 배경색을 지우는 방법

CSS에서 배경색을 지우는 방법

王林
王林원래의
2021-05-19 14:44:096215검색

CSS에서 배경색을 지우는 방법은 배경에 background-color 속성을 추가하고 속성값을 transparent로 설정하여 [배경색:투명]과 같이 배경색이 지워지도록 하면 됩니다.

CSS에서 배경색을 지우는 방법

이 기사의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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