layer1 css: css에서 레이어처럼 겹치는 순서 조정하기 html에서 position 속성(absolute, relative, fixed 등)을 이용하여 포토샵의 레이어처럼 겹쳐서 나타낼 수 있다. 가끔 추가로 겹치는 순서를 조정하여 표현해야 할 때가 있다. 그럴 때는 z-index를 이용하면 된다. z-index에 정수를 넣어줌으로써 레이어의 순서를 조정하듯이 설정할 수 있다. 정수의 값이 클수록 가장 위에 표현된다. 아래 예시를 참고하면 된다. 우선 이렇게 z-index는 설정하지 않고 position으로만 겹친 rainbow를 만들었다. html 파일 css 파일 body { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; } .rainbow .. 2023. 1. 14. 이전 1 다음
