코딩 일기장

css로 포스트잇 모양처럼 한 쪽 모서리가 접힌 모양을 만드는 방법입니다. 각 네모가 postit class를 가진 div 입니다. postit class에 before 효과를 줘서 모서리가 잘린 효과를 주었습니다. before에 border-top color를 white나 투명한 색으로 바꿔주면 모서리가 잘린 느낌을 줄 수 있습니다. 꼭 postit에 position: relative 속성을 추가해야지 before effect가 postit class에 적용 된다는 점 참고해주세요! hover effect는 .posit:hover:before 라고 해야 적용됩니다! 1. 백준 2097번 2. 백준 10020번 .postit { border: 1px solid #0000004d; display: bloc..