Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 배경색

CSS는 노련한 개발자에게도 위협적일 수 있습니다. 옵션이 너무 많습니다! 그러나 이 기사에서는 별도의 CSS 스타일 시트를 만들지 않고 HTML 문서의 배경색을 변경하는 방법에 대해 설명합니다.

HTML5를 사용할 때 style 속성과 `background-color` 속성을 사용하여 배경색을 추가할 수 있습니다. 선택한 요소에 이 속성을 구현할 수 있습니다. 그러나 전체 페이지의 배경색을 설정하려면 style 속성이 body 태그에 있어야 합니다. HTML은 다음과 같을 수 있습니다. 

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body style="background-color:orange;">
    <h1>This is our header.</h1>
    <p>This is our text.</p>
  </body>
 </html>

이 코드는 주황색 배경의 HTML 페이지를 제공합니다.

추가 웹 컬러 시스템 구현

HTML 배경색

HTML에서 색상을 선택할 때 style 속성은 16진수 코드, HTML 색상 이름, RGB(A) 색상 값 및 HSL 색상 값을 허용합니다. RGB 색상 및 HSL 색상의 경우 배경 색상 선언에 색상 시스템이 포함되어야 합니다.

각 색상 시스템의 형식을 지정하는 방법의 예는 다음과 같습니다.

16진수 코드

<body style="background-color:#fbbd0e;">
</body>

HTML 색상 이름

<body style="background-color:orange;">
</body>

RGB 색상 값

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

<body style="background-color:rgb(251,189,14);">
</body>

RGBA 색상 값

<body style="background-color:rgba(251,189,14,0.5);">
</body>

HSL 색상 값

<body style="background-color:hsl(44, 96%, 51%);">
</body>

HSLA 색상 값

<body style="background-color:hsla(44, 96%, 51%, 0.5);">
</body>

한 가지 주의할 점:이 방법을 사용하여 배경색을 설정하지만 나중에 외부 CSS 파일을 작성하는 경우 HTML에서 style 속성과 background-color 속성을 제거하여 한 스타일이 다른 스타일을 덮어쓰지 않도록 하십시오.

결론

이 기사에서는 HTML로 배경색을 변경하는 방법에 대해 논의했습니다. HTML을 처음 접하는 경우 여기에서 가이드를 확인하세요. HTML 배우기:하이퍼텍스트 마크업 언어 학습 가이드 또는 HTML을 배우려면 얼마나 걸립니까?