마우스를 가져 가면 div의 색상을 변경하는 방법

콘텐츠

• 지침

DIV 태그 ( "split"의 약자)는 HTML 문서의 섹션을 정의하며 CSS 언어와 함께 사이트의 기본 레이아웃을 만드는 데 자주 사용됩니다. DIV는 여백, 간격, 테두리, 텍스트 크기, 정렬 또는 배경색을 정의하기 위해 CSS를 사용하여 사용자 정의 할 수 있으며 사용자가 마우스를 가져갈 때 DIV의 색상을 변경하는 등의 고급 기법을 사용자 정의 할 수 있습니다.

지침

CSS 언어를 사용하면 트릭을 적용하여 사용자와 페이지의 상호 작용을 향상시킬 수 있습니다. (Comstock / Comstock / 게티 이미지)

1. 텍스트 편집기에서 웹 페이지의 문서를 엽니 다.

2. 커서를 "및'.

3. "type = 'text / css'>"를 입력하고 "Enter"를 누르십시오. 이것으로 CSS 스크립트를 만들기 시작할 것입니다.

4. "# div1 : hover {background-color : # ff0000;}"을 입력하고 "Enter"를 누르십시오. 이렇게하면 "hover"상태가 활성화 될 때 배경색 "# ff0000"(16 진수 값)을 사용하는 ID 속성으로 "div1"값을 가진 DIV 컨테이너가 사용자 정의되며 마우스 커서를 놓으면 DIV. 이러한 ID 및 배경색 값은 필요한 경우 변경할 수 있습니다.

5. 유형 "CSS 스크립트 태그를 닫습니다.

6. 텍스트 커서를 ""태그와 ""태그 사이의 빈 줄에 놓습니다.

7. ID 값이 "div1"인 DIV 컨테이너를 만들려면 ""을 입력하고 "Enter"키를 누릅니다. 4 단계에서 ID 이름을 변경 한 경우 여기에 동일한 이름을 입력해야합니다.

8. DIV에 포함 할 내용을 입력하거나 붙여 넣은 다음 "Enter"키를 누릅니다.

   
   

9. DIV 컨테이너를 닫으려면 ""을 입력하십시오.

10. "파일"과 "저장"을 클릭하여 문서를 저장하십시오.