WEBデザインスタイルアップTips　第7回　目次 - MdN Design Interactiveナビゲーションã®ã²ã¨ã¤ã¨ã—ã¦ãƒ‘ンããšãƒªã‚¹ãƒˆã‚’å–り入れãŸã‚Šã€æ‰‹é †ã‚’è¸ã‚“ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ“作ã—ã¦ã‚‚らã†å ´åˆã¯ã‚¹ãƒ†ãƒƒãƒ—全体ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã¯å¤šã„ã¯ãšã 。「pixels and digital bitsã€ã®ã€ŒTutorial - CSS Overlapping Arrow Buttonsã€ï¼ˆwww.firefly-multimedia.com/chatterbox/?p=26）ã§å–り上ã’られã¦ã„る例をå‚考ã«è€ƒãˆã¦ã¿ã‚ˆã†ã€1】。 ã€1】パンããšãƒŠãƒ“ゲーションやステップを示ã™ãƒ‡ã‚¶ã‚¤ãƒ³ ã€2】アイコンã®èƒŒæ™¯è‰²ã‚’CSSã§æŒ‡å®šã¾ãšã¯HTMLã€2】ã¨CSSã€3】を用æ„ã—よã†ã€‚å‚考サイトã§å–り上ã’ã¦ã‚る方法ã§ã¯å·¦å³ã®ç”»åƒã¨ã®ä½™ç™½ãŒã¨ã‚Šã«ãã„ã®ã§spanè¦ç´ ã‚’è¿½åŠ ã™ã‚‹ã€‚見ãŸç›®ãŒèª¿æ•´ã—ã‚„ã™ããªã‚‹ã¯ãšã 。liè¦ç´ ã®èƒŒæ™¯è‰²ã«ã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦ã®è‰²ã‚’指定ã—ã¦ãŠãã€ãã“ã«ã‚¢ã‚¤ã‚³ãƒ³ã®å½¢ã§é€éŽã—ã¦ã„ã‚‹å·¦å³ç”»åƒã€4】を載ã›
{{#tags}}- {{label}}
{{/tags}}