[CSS]border-radiusを使ã£ã¦ã€è§’丸ã§ã¯ãªãè½æ›¸ã風ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’デザインã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯è§’丸を指定ã§ãã‚‹border-radiusã§ã€ãƒœãƒ¼ãƒ€ãƒ¼ã‚’è½æ›¸ã風ã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 色ã«ã‚ˆã£ã¦ã¯ã€è›å…‰ãƒšãƒ³ã‚„çµµç†ã¿ãŸã„ã«ã‚‚ã§ãã¾ã™ã。 デモページ ※リンク切れ 実装ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ HTML è¦ç´ ã¯divã ã‘ã€å…¥ã‚Œåもラッパーも必è¦ã‚ã‚Šã¾ã›ã‚“。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS è½æ›¸ã風ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’実ç¾ã—ã¦ã„ã‚‹ã®ã¯ã€border-radiusã§ã™ã€‚ スラッシュã§åŒºåˆ‡ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€æ°´å¹³
角丸ã®ä½œæˆãƒ»ä¿®æ£ã®å¼·åŠ›ãªæ¦å™¨ã«ãªã‚‹æ©Ÿèƒ½æ‹¡å¼µ -Corner Editor | コリス
{{#tags}}- {{label}}
{{/tags}}