三三人暴頭

作れるものをつくってみる。ブログ

今日のバナー制作4

f:id:sanmiri:20190204151920j:plain

 これはフチなしでもいい気がするな

 

f:id:sanmiri:20190204151920j:plain

でもやっぱりつけておこう
タンクトップ白だし

前回まではフチはphotosohopで長方形を作って配置していましたが
楽なのでCSSで作ることにします。

 

画像のhtml内に<style="border: solid 1px #dddddd;" />を配置することでフチをつけています。

 

「solid 1px」の数値を変えれば太さを変えられて
「#dddddd」を変えることでカラーを変えられます

 

今回学んだのは背景を薄くグラデーションさせること
下から上に向かって少し薄くなるようにする

検索ボックスは角丸長方形を組み合わせて作る
検索ボタンの背景の黒も下から上に向かってやや薄くなるグラデーションにして
ボタン感というか立体感がでる