スタイルを整えていきます。

input
border:none; 入力枠の枠線をなくす
border-bottom; 下線を引く
width: 100%: 枠内いっぱいにする

button
background-color: 青に指定
border-radius: 角を丸くする
box-shadow: 影を作り、押しやすい演出

ほぼ完成形になってきました。

c.sakyou

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA