1) 학습한 내용

1.리소프트소식 마우스오버

(1)코드

(2)결과

이미지가 커지고 글자색이 파란색으로 바뀐다.

(3)문제점

이미지의 테두리가 radius를 설정해도 둥글게 되지 않는다

2.더보기버튼 마우스오버

(1)코드

(2)결과

마우스오버시 글자색과 배경색이 바뀐다.

2) 학습내용 중 어려웠던 점

이미지,글자,날짜 아무데나 마우스를 올렸을 때 이미지만 커지게 설정하는 법을 몰랐다.
이미지가 커지면서 테두리를 둥글게 설정해도 보이지 않는 문제가 발생했다.

3) 해결방법

마우스오버시 이미지가 확대되는 설정을 검색했을 때 .page4_news:hover img{} 이런 식으로 변화를 주고싶은 태그를 마지막에 입력하면 되는 것을 알았다.

4) 학습소감

마우스오버 시 선택자를 어떻게 사용하느냐에 따라 설정을 다양하게 할 수 있어서 편리했다.