UIコンãƒãƒ¼ãƒãƒ³ãƒˆã«ã¯ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã¤ã‘ã‚‹ãªï¼çµ¶å¯¾ã«ã ï¼ï¼ - Qiita.button { display: block; margin: 50px auto 0; padding: 8px 20px; border: solid 2px #ddd; border-radius: 10px; font-size: 16px; } See the Pen button_01 by Otsuka Yuhi (@boltkeep) on CodePen. パット見ã€ã„ã„æ„Ÿã˜ã®ãƒœã‚¿ãƒ³ã§ã™ã€‚ ã—ã‹ã—ã€ã“ã®ãƒœã‚¿ãƒ³ã«ã¯ä¸€ç‚¹é‡å¤§ãªæ¬ 点ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã¯ã€ã“ã®ãƒœã‚¿ãƒ³ã¯å¿…ãšä¸Šã«50pxã®ä½™ç™½ãŒä»˜ãã€ã‹ã¤ä¸å¤®å¯„ã›ã•ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ç™»å ´ デザイナーãŒã“ã†è¨€ã„ã¾ã—ãŸã€‚ 「ボタンを横ã«ï¼’ã¤ä¸¦ã¹ãŸã„〠「ボタンã¨ãƒœã‚¿ãƒ³ã®é–“éš”ã¯20px〠「ãã®ä¸Šã§ä¸å¤®å¯„ã›ã§ï¼ã€ 「ã‚ã¨ã€ä¸Šã®ãƒžãƒ¼ã‚¸ãƒ³ã¯å¤–ã—ã¨ã„ã¦ï¼ã€ ã•ã¦ã€ã©ã†ã—ã¾ã—ょã†ï¼Ÿï¼Ÿdisplay: flex;ã§ã—ょã†ã‹ï¼Ÿ
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ—ãƒç›´ä¼ï¼ CSS余白è¨å®šã®ä¸‰åŽŸå‰‡ï¼ˆï¼‹ç·šã®å¼•ã方） - Qiita
{{#tags}}- {{label}}
{{/tags}}