[Blog] 페이지 스타일링(6) - DropList(details태그) 손 모양 커서 및 사용법

MarkDown의 드롭리스트(details)를 사용하는 법 + 마우스 커서 커스텀을 알아보자

변경전

변경후

참고: details 태그는 아래 사진처럼 드롭리스트

detalis 사용법은?

blog 주의사항 참고

커서 수정법은?

_sass/minimal-mistakes/_reset.scss 를 찾아가서 아래처럼 수정하면 된다.

/* droplist custom!! */
details {
  summary {
    cursor: pointer; // summary에만 손 모양 커서
  }
}