logo

CSS에서 배경색을 변경하는 방법은 무엇입니까?

그만큼 배경색 CSS의 속성은 요소의 배경색을 설정하는 데 사용됩니다. 요소의 배경으로 단색을 적용합니다. 요소의 배경은 패딩과 테두리를 포함하여 전체 크기를 포함하지만 여백은 제외됩니다. 모든 HTML 요소에 적용할 수 있습니다.

문자열을 정수로

통사론

 element transparent 

그만큼 색상_이름 이 속성의 값은 배경색 값을 정의하거나 색상 코드를 지정합니다. 색상 이름, rgb() 값 또는 16진수 값을 사용하여 지정할 수 있습니다.

그만큼 투명한 이 속성의 값은 투명한 배경색을 지정하는 기본값입니다.

센토스 vs 레드햇

이 예에서는 배경색 색상 이름, 16진수 값, rgb() 값, hsl() 값을 사용하여 속성을 지정합니다. 우리가 적용하는 네 개의 div 요소가 있습니다. 배경색 재산.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 
지금 테스트해보세요

산출

CSS에서 배경색을 변경하는 방법