リンク/ボタン/フォームをより良ãã™ã‚‹HTML・CSS 17é¸ - ICS MEDIAウェブサイト制作ã«ãŠã„ã¦è¦‹ãŸç›®ãŒãã¡ã‚“ã¨å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯å¤§äº‹ãªã“ã¨ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã®ã¡ã‚‡ã£ã¨ã—ãŸé•ã„ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä¸ä¾¿ã«ã¤ãªãŒã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚本記事ã§ã¯è¦‹ãŸç›®ã ã‘ã§ãªãユーザーã®ä½¿ã„å‹æ‰‹ã«ã‚‚æ°—ã‚’ã¤ã‘ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã¾ã™ã€‚今回ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç‰¹ã«ä½¿ã„心地を感ã˜ã‚„ã™ã„インタラクション部分ã§ã€ã‚·ãƒ³ãƒ—ルãªHTML・CSSã ã‘ã§ã‚ˆã‚Šè‰¯ãã§ãã‚‹17個ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 下記サンプルã§NG例ã¨ã‚ˆã„例ã®ä¸¡æ–¹ã‚’紹介ã—ã¦ã„ã¾ã™ã€‚実際ã«é•ã„ã«è§¦ã‚ŒãªãŒã‚‰æœ¬è¨˜äº‹ã‚’èªã‚€ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ サンプルを別ウインドウã§é–‹ã コードを確èªã™ã‚‹ 1. divタグをボタンã«ã™ã‚‹ã®ã¯é¿ã‘よㆠ見ãŸç›®ã¯ãƒœã‚¿ãƒ³ã®ã‚ˆã†ã§ã‚‚ã€<div>è¦ç´ ã§å®Ÿè£…ã—ãŸãƒœã‚¿ãƒ³ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã®è¦³ç‚¹ã‹ã‚‰ã‚‚よãã‚ã‚Šã¾ã›ã‚“。ボタンã¨ã—ã¦ã®æ©Ÿèƒ½ã‚’æŒã¤ãªã‚‰<button>è¦ç´ を用ã„ã‚‹ã®ãŒå¤šãã®å ´é¢ã§ã‚‚有効ã§ã™ã€‚ã‚‚ã—ã€è«¸äº‹æƒ…ã§<div>è¦ç´ を用
{{#tags}}- {{label}}
{{/tags}}