웹 사이트에서 두 가지 색상을 배경으로 사용하는 방법

사용자 정의가없는 웹 페이지의 배경색은 흰색입니다. HTML 웹 프로그래밍 언어를 사용하면 배경색을 변경하고 배경 이미지를 추가 할 수 있습니다. 이미지를 사용하여 여러 색상이있는 배경을 표시 할 수 있습니다. 비즈니스 로고와 같이 원하는 두 가지 색상을 표시하는 기존 이미지를 사용하거나 그래픽 편집기를 사용하여 이미지를 만듭니다. 반복적 인 얇은 수평 이미지를 사용하여 웹 페이지의 2 색 배경을 만들 수 있습니다. 계단식 스타일 시트를 사용하여 사이트 전체에서 변경하십시오.

1.

HTML 또는 텍스트 편집기를 열어 CSS 배경 스타일을 유지할 외부 스타일 시트를 만듭니다.

2.

body 태그에 배경에 대한 스타일 정의를 입력하십시오. 스타일 정의는 "tag {}"형식을 취하므로 body 태그의 정의는 "body {}"가됩니다. CSS는 스타일을 정의 할 수있는 다양한 매개 변수를 제공합니다. "배경 이미지"속성을 사용하면 배경 이미지를 나타낼 수 있습니다. "url"매개 변수에 이미지에 대한 링크를 포함하십시오. 예를 들어, 코드는 다음과 같습니다.

body {background-image : url (images / 2colors.jpg); }

삼.

"background-repeat"속성을 사용하여 배경을 세로로 반복하도록 지시하는 값 ( "repeat-y"또는 가로 - "repeat-x")을 입력하십시오. 이 속성을 사용하면 매개 변수를 설정하여 이미지가 반복되는 방식을 사용자 정의 할 수 있습니다. body 스타일은 다음과 유사합니다.

body {background-image : url (images / 2colors.jpg); background-repeat : 반복 -y; }

4.

".css"확장자 (예 : pagestyles.css)를 사용하여 파일을 저장하십시오.

5.

배경 스타일을 적용 할 웹 페이지를 엽니 다. 외부 문서에 대한 링크는 웹 페이지의 ""태그 세트 내에서 설정됩니다. ""태그를 찾아 그 위에 다음 텍스트를 삽입하여 스타일 시트에 대한 액세스를 제공하십시오.

6.

이미지 배경을 사용하려는 웹 사이트의 각 페이지에서 링크 코딩을 반복하십시오. 페이지를 웹 브라우저에로드하여 변경 결과를 테스트하십시오.