애니메이션 웹 페이지 배경은 시선을 사로 잡을 수 있으며 GIF 파일을 사용하여 만들 수 있습니다. 비즈니스 웹 페이지에 텍스트 및 기타 콘텐츠를 추가 할 때 배경 추가에 대해 걱정할 필요가 없습니다. 기본값을 무시하지 않으면 브라우저는 페이지에 흰색 배경을 제공합니다. HTML 웹 페이지에 짧은 CSS 클래스를 추가하여 애니메이션 및 고정 GIF 이미지를 페이지의 배경으로 사용합니다.
1
HTML 문서를 열고 문서의 헤드 섹션을 찾습니다.
2
해당 섹션에 다음 코드를 붙여 넣습니다.
body {background-image : url ( 'myImage.gif'); 배경 반복 : 반복; }
이 코드는 문서의 본문 태그 스타일을 지정하는 CSS 선택기를 정의합니다. background-image 속성에는 값이 "myImage.gif"인 URL 속성이 있습니다. 해당 값을 GIF 중 하나의 이름으로 변경하십시오. 두 번째 행은이 예제에서 값이 "repeat"인 background-repeat 속성을 정의합니다. 이 값은 그리드 효과를 생성하기 위해 페이지 전체와 페이지 아래에서 이미지를 반복하도록 브라우저에 지시합니다. GIF가 바둑판 식 배경을 만들지 않도록하려면 해당 문을 삭제하십시오.
삼
문서를 저장하고 브라우저에서보고 새 배경을 확인합니다.