CSS3入門 03 角丸をつけてみよう

今日はborder-radiusについて少し学んだ。

参考

#03 角丸をつけてみよう | CSS3入門 - プログラミングならドットインストール

border-radiusは値を指定してあげれば、borderの角が丸くなる。
値が大きければ大きいほど円形に近くなる。

通常は4つ（上右下左）を指定するけれど、ちょっと省くことが出来る。

3つ指定で　左上　右上左下　右下。
2つ指定で　左上右下　右上左下。

border-top-radiusのように書いてあげれば、一部に決めて適用できる。

普通に4つ指定してあげたほうが良さそうだ。

とりあえず書いていますが、また書き直すかもしれません。
あと、書けてないのは時間見つけてまとめて書きます。

動画見ながら書いて、反復もできて一石二鳥やでえ。

ブログとgitとで、慣れないことがあると時間がかかりますね。
もう少し慣れたら、こなせる数を増やしていきたいです。