※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。
デザインサンプルで学ぶCSSによるスタイリング～「フォーム（検索ボックス）」編
CSSで作るWeb用パーツ（5）
ダウンロード サンプルファイル (6.5 KB)
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。本記事では、HTML5で追加されるフォーム関連の機能を一部抜粋して紹介し、それらをスタイリングするコツを紹介します。今回は検索ボックスのサンプルを3つ紹介します。
| 目次 |
|---|
あなたにオススメ
著者プロフィール
-
＜WINGSプロジェクトについて＞ 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...
-
静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「入門シリーズ（サーバサイドAjax／XM...
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
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