[CSS] 💍 리스트(ul / ol / li ) 태그 디자인 🖌️ 모음

리스트 태그 디자인 CSS 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 ul / ol / li 디자인 요소들 모아 간추려 포스팅 해보았다.

급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다.

---

See the Pen Coloured ordered / image unordered list bullets css by Jeeten (@jeetenbargaiya) on CodePen.

---

See the Pen Ordered Lists with Unicode Symbols by Steven Estrella (@sgestrella) on CodePen.

---

See the Pen Custom Unordered List by ᜌᜓᜃᜒ (Yuki|雪亮) 🇵🇭 (@techmagus) on CodePen.

---

See the Pen Totally Custom List Styles by Stephanie Eckles (@5t3ph) on CodePen.

---

See the Pen CSS3 SQUARED Lists by Nicholas Fletcher (@flxa) on CodePen.

---

See the Pen List style and auto increment ordered list by Anand Kumar (@anand-kr) on CodePen.

---

See the Pen Styling Ordered List Numbers Using `counter-increment` & `counter-reset` by Sarah Hamdi (@sarahhamdi) on CodePen.

---

See the Pen Big Numbers Ordered List by rm (@redrocker) on CodePen.

---

See the Pen Ordered List with Images by Steven Estrella (@sgestrella) on CodePen.

---

See the Pen "Subway" Navigation by Andrew Spencer (@iam_aspencer) on CodePen.

---

See the Pen Timeline Ordered List by Vince Kurzawa (@vkzawa) on CodePen.

---

See the Pen Fancy Ordered List Styling Idea by Kristin (@thekristin) on CodePen.

---

See the Pen Styling Ordered List Numbers with nth-child by Carlos Centeno (@carlitocenteno) on CodePen.

---

See the Pen Checkmark list styling by Urban Sandén (@urre) on CodePen.

---

See the Pen Pure CSS Tree Menu by Taufik Nurrohman (@taufik-nurrohman) on CodePen.

---

See the Pen CSS Counter Numbered Circle List Styling by Mercury Works (@mercuryworks) on CodePen.

---

See the Pen custom ordered list bullets by Dimitri Denis (@dimilo) on CodePen.

---