こんばんは！今日はまたまたボタン作りについての内容です！

今まで作ったボタンを立体的にできる方法があります。

立体的なボタンってかっこよくないですか？www

ボタンに影を付けて今までより立体的に見せる方法なんですが、

box-shadowプロパティを使います。box-shadowプロパティを使うと

影の位置、影の色を指定できます。

コードで書くとこんな感じです！

box-shadow: 〇〇px 〇〇px 色

〇〇の部分に設定する数値を入力。

これで水平方向、垂直方向、色をつける事ができます。

これでボタン作りは大分わかりましたね！以外と簡単！www

box-shadowは
ボックスモデルへ
影の装飾をつけるために使います。影の種類は、外側と内側と２種類あります。

box-shadowの
外側、内側の切り替えは値の　inset　で行います。

わかりました？みなさんもこれでちょっとリアルなボタンを作ってみてください！