![](http://sakyou.net/wp-content/uploads/2019/10/スクリーンショット-2019-10-12-22.08.15.png)
![](http://sakyou.net/wp-content/uploads/2019/10/スクリーンショット-2019-10-12-22.10.31.png)
スタイルを整えていきます。
input
border:none; 入力枠の枠線をなくす
border-bottom; 下線を引く
width: 100%: 枠内いっぱいにする
button
background-color: 青に指定
border-radius: 角を丸くする
box-shadow: 影を作り、押しやすい演出
ほぼ完成形になってきました。
c.sakyou
スタイルを整えていきます。
input
border:none; 入力枠の枠線をなくす
border-bottom; 下線を引く
width: 100%: 枠内いっぱいにする
button
background-color: 青に指定
border-radius: 角を丸くする
box-shadow: 影を作り、押しやすい演出
ほぼ完成形になってきました。
c.sakyou