CSS의 background-color 속성은 HTML 요소의 배경색을 지정하는 데 사용됩니다. 텍스트 단락, 헤더, 전체 페이지 등 원하는 모든 요소에 적용할 수 있으며, 색상 이름, HEX 코드(#0000ff), RGB 값 등 다양한 형식으로 색상을 지정할 수 있습니다.
예제
다음 코드를 직접 실행해 보면 background-color 속성이 어떻게 작동하는지 쉽게 확인할 수 있습니다.
<html> <head> </head> <body> <p style = "background-color:blue;"> 이 텍스트는 파란색 배경 위에 표시됩니다.</p> </body> <html>
실행 결과
위 코드를 브라우저에서 열면 해당 문단이 파란색 배경과 함께 렌더링되는 것을 볼 수 있습니다. 인라인 스타일 대신 CSS 파일이나 <style> 태그 내에 클래스로 정의하여 사용하는 것이 유지보수 측면에서 더 권장됩니다.