728x90 웹UI/HTML_CSS26 HTML/CSS) 이미지 색상 변경/반전 - filter :hover 시 black 이미지의 색상 반전을 주어 white로 변경 후 background 색상을 주기로 했다 div 내에 a태그 가 있는 형태 div > a:hover{ transition: 0.5s; filter :brightness(0) invert(1); } div:hover{ background: sandybrown; transition: 0.5s; } 2021. 4. 9. HTML/CSS) css hover 속성 onmouseover 대신 css의 선택자에 :hover를 주어 비슷한 효과를 줄 수 있다 하지만 선택자에 기능을 담아 실행 여러가지를 실행할 때에는 hover 기능 실행 시 선택자가 초기화 되면서 중복으로 실행되기 때문에 조심해야한다 2021. 4. 7. HTML/CSS) display: flex 하위 영역 정렬 display: flex를 사용한 하위 영역 정렬 align-items: center; 2021. 4. 6. HTML/CSS) position: relative와 absolute를 함께 사용하면 고정된 위치를 갖게된다 absolute로 하위 영역을 3차원으로 띄우지만 상위 영역의 범위 내에 머물게 하고 싶을 때가 종종 생긴다 -> absolute의 부모 객체, 바로 상위 영역에 relative를 주면 쉽게 구현이 가능하다 ** 1다리라도 건너면 안되고 바로 상위 영역에 줘야함.. 2021. 4. 5. 이전 1 2 3 4 ··· 7 다음 728x90