【スタンダードデザイン】サイドコンテンツ(検索窓)の配置Step6

前回の記事

【スタンダードデザイン】メインコンテンツ(記事)の配置Step5

2018.02.11

本記事からサイドコンテンツを作成していきます。今回は実際に検索することはできませんが検索窓を設置します。

検索枠、検索ボタン、説明文の3つを配置します。

Contents

HTML

formの中にinputで検索窓とボタン、テキストを配置します。

CSS

margin,padding,font-sizeなどでデザインします。
cursor: pointer;でカーソルが重なったときにマウスポインタを変更します。

次回はランキングを作成します。

コメントを残す

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