웹 페이지의 배경 및 텍스트 색상을 변경하는 방법

다음은 HTML 및 CSS로 웹 페이지의 배경색을 변경하는 방법에 대한 단계입니다. 배경색은 HTML BODY 태그로 할 수 있지만 CSS에서 배경색 값을 다음과 같이 지정하는 것이 좋습니다.

팁 : 웹 페이지 요소의 색상을 정의 할 때 HTML 색상 코드를 사용해야 할 수 있습니다. 주요 색상의 경우, 해당 색상 코드 값을 사용하는 대신 빨간색, 파란색, 녹색 및 검정과 같은 색상 코드를 사용하는 대신 해당 색상의 이름을 지정할 수도 있습니다.

CSS 예제

아래의 CSS 예제에서 "background-color : # 000;"을 추가하여 본문을 검정색 배경색으로 설정합니다. 본문 블록에. 배경색이 검은 색이기 때문에 텍스트 색도 변경되어야합니다. 그렇지 않으면 보이지 않습니다. 따라서 "color : #fff;"를 추가하여 텍스트 색상을 흰색으로 설정합니다. 블록에

 body {font-family : Helvetica, Arial, sans-serif; 배경색 : # 000; color : #fff; } 

페이지가 CSS를 사용하고 있지 않거나 CSS로 변환하지 않으려는 경우, HTML 코드의 BODY 태그에서이를 수행하는 방법이 아래에 나와 있습니다. 그러나 앞에서 언급했듯이 body 태그 대신 위의 CSS 코드를 사용하는 것이 좋습니다. CSS 스타일링을 사용하는 경우 배경색 값을 한 번 변경하면 변경 사항이 해당 스타일을 사용하는 모든 HTML 요소에 자동으로 적용됩니다.

HTML 본문 태그 예제

매우 드물게 CSS를 사용할 수없는 경우도 있습니다. 이러한 경우 HTML 바디 태그 내에서 배경색, 텍스트 색상, 링크 색상 및 기타 값을 아래와 같이 정의 할 수 있습니다.

다음은 body 태그의 각 HTML 속성에 대한 설명입니다.

TEXT = 텍스트의 색.

링크 = 링크의 색.

VLINK = 방문한 링크 색상.

ALINK = 활성 링크의 색 또는 클릭시 링크가 변경되는 색.

BGCOLOR = 페이지 배경색.

팁 : 위의 모든 값을보다 잘 설명하기 위해이 페이지에서 링크 색상은 파란색이고 방문한 링크는 자주색이며 위에 마우스를 올리거나 클릭 한 링크는 빨간색입니다.