デザインサンプルで学ぶCSSによるスタイリング~「フォーム(検索ボックス)」編
CSSで作るWeb用パーツ(5)
ダウンロード サンプルファイル (6.5 KB)
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。本記事では、HTML5で追加されるフォーム関連の機能を一部抜粋して紹介し、それらをスタイリングするコツを紹介します。今回は検索ボックスのサンプルを3つ紹介します。

目次 |
---|
あなたにオススメ
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
Article copyright © 2014 Miyamoto Maya, WINGS Project, Shoeisha Co., Ltd.
Article copyright © 2014 Miyamoto Maya, WINGS Project, Shoeisha Co., Ltd.
バックナンバー
連載:CSSで作るWeb用パーツ
デザインサンプルで学ぶCSSによるスタイリング~「フォーム(検索ボックス)」編
All contents copyright © 2005-2021 Shoeisha Co., Ltd. All rights reserved. ver.1.5