CSS

 

 

CSS에는 여러가지 이벤트를 넣을 수 있는데, 보통 마우스가 올라가있을때, 클릭하고있을때, 클릭했을때 등등 마우스로 할수 있는 짓은 대부분 이벤트를 적용하게 할 수 있다. 간단하게 몇가지만 알아보자. 

 

 

 

 

hover라는 옵션은 마우스가 그 태그 위에 위치할때 변경하게 바꿀 수있다. 

 

아래처럼 div안에 마우스가 위치할때 색상을 aqua로 바꾼다. 

 

 

아래처럼 마우스가 캡쳐에는 안보이지만 올라가면 색상이 바뀌어진다. 

 

 

 

 

 

 

 

 

 

아래는 기본적으로 div내부에 마우스가 올라갈때 aqua로 바뀌어지지만, h1태그는 bisque로 바뀌어진다. 

 

 

h1태그만 색상이 바뀌었다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

active라는 마우스를 올렸을때 색상이 바뀌게 할 수 있다. 

 

마우스를 올리기 전

마우스를 올리면 바뀐다. 

 

 

 

 

 

아래 사이트에서 여러가지 방법을 배울 수 있다. 

 

 

https://www.w3schools.com/css/css_boxmodel.asp