사실 제목과 달리 웹 페이지 컨텐츠를 펼쳤다, 접었다 하는 일은 많이 없지만
아코디언으로 응용이 가능하기 때문에 나중에 포트폴리오 작성시 응용해보고자 기록한다.
별도의 CSS나 JS는 필요없이 클릭으로 컨텐츠를 숨겼다가 나타나게 할 수 있다.
사용방법:
페이지에 접히지 않고 나타날 제목
html에 위 내용처럼 작성하면 간단하게 사용이 가능하다.
See the Pen Details & Summary by SIONS2 (@SIONS2) on CodePen.
'Develope > HTML, CSS' 카테고리의 다른 글
| Scrollbar custom css (0) | 2023.05.14 |
|---|---|
| [CSS]Container-query :객체 사이즈에 따라 css 적용하기 (0) | 2023.03.16 |
| CSS:is - 중복된 선택을 줄일 수 있는 선택자 (0) | 2023.01.30 |
| 서버 배포시 이미지 액박 오류 해결 (0) | 2023.01.30 |
| [CSS]특정 클래스 혹은 특정 요소가 있는 요소 선택 (0) | 2023.01.30 |
