å¹ã出ã—やリストマーカーã«ä½¿ãˆã‚‹ä¸‰è§’形を CSS ã§ä½œã‚‹ç‰¹ã«ç›®æ–°ã—ã„方法ã§ã¯ãªã„ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³å†…ã«å‡ºã¦ãã‚‹ã“ã¨ã®å¤šã„三角形ã®ã‚ã‚Œ （謎） ã‚’ç°¡å˜ã« CSS ã§ä½œã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€‚ ã—ã°ã‚‰ã CSS ãƒã‚¿çš„ãªã®æ›¸ã„ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã®ã§æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 三角形ã®ã‚ã‚Œã¨ã„ã†ã®ã¯ã€ã‚ˆãリスト型メニューã«ã‚¢ã‚¤ã‚³ãƒ³çš„ã«ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªé …ç›®ã«ä»˜ã‘ãŸã‚Šã€Tips ãªã©ã‚’表示ã™ã‚‹éš›ã«å¹ã出ã—çš„ãªè¦‹ãŸç›®ã‚’ä½œã‚‹å ´åˆã«ä½¿ã‚ã‚ŒãŸã‚Šã™ã‚‹ã€ä¸‹è¨˜ã®ã‚ˆã†ãªéƒ¨åˆ†ã®ã“ã¨ã§ã™ã€‚ ã“れを CSS ã®ã¿ã§ç°¡å˜ã«å†ç¾ã™ã‚‹æ–¹æ³•ã‚’解説ã—ã¦ã¿ã¾ã™ã€‚CSS 㯠class ã®ä»˜ã‘æ–¹ã§ã‚«ãƒ©ãƒ¼ã‚„サイズãªã©ã‚’ç°¡å˜ã«é©ç”¨ã§ãるよã†ã«ã—ã¦ã¿ã¾ã—ょã†ã€‚ã¾ãŸã€ä»Šã©ãã£ã½ã Sass å‘ã‘ã« mixin （ミックスイン） ã®ã‚µãƒ³ãƒ—ルも紹介ã—ã¦ãŠãã¾ã™ã®ã§å‚考ã¾ã§ã€‚ CSS ã«ã‚ˆã‚‹åŸºæœ¬çš„ãªä¸‰è§’å½¢ã®ä½œã‚Šæ–¹ ã„ã¾ã•ã‚‰è©³ã—ã解説ã™ã‚‹ã¾ã§ã‚‚ãªã„ã§ã™ãŒã€ä¸‹è¨˜ã®ã‚ˆã†ã« border プãƒãƒ‘テ
{{#tags}}- {{label}}
{{/tags}}