[CSS]シンプルãªç¾Žã—ã„ボタンを簡å˜ã«å®Ÿè£…ã™ã‚‹ã ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¶…軽é‡ãƒ©ã‚¤ãƒ–ラリ -beautons使ã„å‹æ‰‹ã®ã‚ˆã„ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒ—ルãªãƒœã‚¿ãƒ³ã‚’実装ã™ã‚‹ã ã‘ã®ãƒ©ã‚¤ãƒ–ラリã¨ã„ã†ã‹ã€ã‚¹ã‚¿ã‚¤ãƒ«é›†ã‚’紹介ã—ã¾ã™ã€‚ スタイルシートã¯1.4kbã§ã€è¶…軽é‡ï¼ beautons beautons -GitHub 使ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã€å¤–部スタイルシートを記述ã—ã€å„ボタンã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ Step 1: 外部ファイル 当スタイルシートをhead内ã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel=stylesheet href=beautons.min.css> </head> Step 2: HTML ボタンã§ä½¿ç”¨ã™ã‚‹è¦ç´ ã«ã€Œ.btnã€ã‚’åŠ ãˆã€å€‹åˆ¥ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ <!-- ベーシックãªãƒœã‚¿ãƒ³ --> <a href="#" class="btn">Button</a> <!-- 個別ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ãŸãƒœã‚¿ãƒ³ --> <a href="#" class="btn bt
æ–°ç€è¨˜äº‹
{{#tags}}- {{label}}
{{/tags}}