フォームのCSSレイアウト HTML 知識Z(ゼータ)

トップページHTML >フォームのCSSレイアウト

フォームのCSSレイアウト

Date:2009/03/05
Category: HTML


labelタグによって制御されているフォームをCSSを使ってレイアウトしてみます。
例えば、

null

このようにただ羅列されているだけの見にくいラジオボタン群を、cssを使って見やすくレイアウトしてみましょう。

label{ display: block; margin:0; padding:0; } input{ float:left; clear:left; }
このようにcssを設定することで、

null

見やすく表示させることができます。


メールフォーム label タグ の関連記事

コメント

No comments yet

コメントする




次項 【Mac】css、float(回り込み)が解除されない【Safari】
前項 Safariでのホームページのズレ直し【cssハック】

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2009-03   >
1234567
891011121314
15161718192021
22232425262728
293031    

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:4 人
投稿記事数:283 件
09142362