HTML body background color 변경하는 2가지 방법


HTML body background color

HTML body background color 속성 변경은 크게 두 가지 방법으로 변경할 수 있습니다. 인라인 속성으로 태그에 직접 추가를 하거나 CSS로 body에 선택자를 지정합니다.

<body> 배경색 CSS 선택자 지정

<body>를 선택자로 지정한 후 background-color 속성에 원하는 색을 입력하면 됩니다.

body
{
  background-color: orange;
}

결과
html-body-background-color-1

<body> 태그에 인라인 스타일 삽입

인라인 스타일로 직접 배경색을 지정하는 것은 나중에 편집이 불편하므로 추천하는 방법은 아닙니다. 대신 우선순위가 높아서 적용이 CSS보다 먼저 됩니다.


<body style="background-color: orange;">
  <h1>제목</h1>
    <p>본문</p>
</body>

결과
html-body-background-color-1

<body bgcolor> 속성은 사용되지 않음

bgcolor 속성은 HTML 5 이상의 버전에서는 웹표준이 아니므로 사용을 하지 않는 것이 좋습니다.

<body bgcolor="orange">
  <h1>제목</h1>
    <p>본문</p>
</body>

브라우저에서는 정보의 보존 측면에서 작동하지만 온라인 웹 편집기 등에서는 작동이 안되도록 막아놓은 경우가 많습니다.