【HTML,CSSの基礎】③ボタンの角を丸くする

こんにちは、Mac大好きです！Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

今日は、駆け出しエンジニアの方向け「Web制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。

ボタン（button）の角を丸くする方法

Webでよく使うボタン（button）。そんなボタンの角を丸くするスタイリングをやっていきましょう。

HTML

ボタンはbuttonタグで作ります。buttonタグにclassをつけておきましょう。名前はお好きな名前で大丈夫です。

CSS

ボタンの角を丸くするには「border-radius」を使います。

border-radius: 30px;

30pxの部分を変えれば、角の感じが変わります。px（ピクセル）じゃなくて、%（パーセント）で書いても大丈夫です。

border-radius: 50%;

以上です。

これからも「プログラミング初心者向け」に簡単なコードをご紹介していきます。「Progateの復習」に使ってみてください。一緒にプログラミングを楽しんでいきましょう！よろしくお願いします。