# CSS Layout - 주로 쓰이는 레이아웃과 패턴을 CSS로 구현한 예제 모음

> Clean Markdown view of GeekNews topic #1070. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1070](https://news.hada.io/topic?id=1070)
- GeekNews Markdown: [https://news.hada.io/topic/1070.md](https://news.hada.io/topic/1070.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2019-12-13T11:09:15+09:00
- Updated: 2019-12-13T11:09:15+09:00
- Original source: [csslayout.io](https://csslayout.io/)
- Points: 5
- Comments: 0

## Topic Body

66개의 주요 패턴들

레이아웃: 다단,사이드바,그리드,분할,고정 헤더/푸터

네비게이션: 브레드크럼,메뉴,페이지네이션,탭,위저드,Dot,Circular

위젯:아코디언,아바타,아바타리스트,뱃지,카드,쿠키배너,코너리본,Drop영역,Drop Cap,피쳐리스트,구석고정바,오버레이플레이버튼,리본,가격표,타임라인

그외 다수의 Input 폼과 Feedback

## Comments



_No public comments on this page._