[CSS]スニペットã¨ã—ã¦ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ãŠããŸã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ‘ンããšã¨ã‚¹ãƒ†ãƒƒãƒ—を実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ‘ンããšã¨ãƒžãƒ«ãƒã‚¹ãƒ†ãƒƒãƒ—ã®ãƒŠãƒ“ゲーションを紹介ã—ã¾ã™ã€‚ HTMLã‚‚CSSã‚‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«ã‚‚優れãŸæœ‰ç”¨ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦ã‚‚利用ã§ãã¾ã™ã€‚ デモページ HTML HTMLã®åŸºæœ¬æ§‹é€ ã§ã™ã€‚ <nav> <ol class="cd-breadcrumb"> <li><a href="#0">Home</a></li> <li><a href="#0">Gallery</a></li> <li><a href="#0">Web</a></li> <li class="current"><em>Project</em></li> </ol> </nav> navè¦ç´ ã§å®Ÿè£…ã—ã€å„アイテムã¯olè¦ç´ ã«ã€Œ.cd-breadcrumbã€ã§åŸºæœ¬ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ 基本ã®ã‚¹ã‚¿ã‚¤ãƒ« 基本ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã¯å„アイテムを並らã¹ã‚‹ãŸã‚ã«ã€Œdisplay: inline-block;
![[CSS]スニペットã¨ã—ã¦ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ãŠããŸã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ‘ンããšã¨ã‚¹ãƒ†ãƒƒãƒ—を実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«](https://cdn-ak-scissors.b.st-hatena.com/image/square/dba8baab2483c01e8847e7d49e2ec8f98db95ffb/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072501.png)
{{#tags}}- {{label}}
{{/tags}}