1.학습한 내용

1)정보마당

이전에 작업한 yard-news 페이지의 버튼 부분을 수정하게 되었다.


마우스를 올렸을때 배경색, 글자색, 그리고 이미지의 색깔이 변하는것을 추가하게되었다.

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

html파일을 작업하면서 추가한 css의 경우에는 색깔을 변경하는것이 쉬웠지만, 이미 색이 정해져있는 이미지의 색깔을 변경을 하는것이 어려웠다.

3.해결방법

이 부분은, 우선 이전에 작업하였을때는 이미지를 img태그를 이용해서 불러온것이 아닌 css를 통하여 background-image 를 통하여 불러온 이미지 였기때문에, background-color, 등의 영향을 받는것 때문에 생긴 문제로, 이는 html에 이미지를 넣는 것을 통하여 해결이 되었다.

4.학습소감

이미지의 색깔을 변경하는것 때문에 하루를 거의다 사용하게 되었지만, 아직도 검은색의 이미지를 하얀색으로 바꾸는 방법을 모르겠다, 우선 인터넷을 찾아보면서 작업해봤을때는 기존의 색과 혼합이 발생하게되어서 원하는 색이 나오지 않는 오류가 생겼는데, 이에 대해서는 팀원들에게 조언을 구하고자한다.