CSSでボタンデザイン01

ボタンデザイン其の一

立体的なボタンを作ろうか

今回は、ボーダーのみでデザインしてみよう

つまり、色分けで影のように見せるってことですか?

その通り、下部だけ色を変えるんだよ

なるほど~

それでは、今日のコードだよ

<div style="display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px;">BUTTON</div>

できました!