ホームページ作成ＴＯＰ > レイアウト調整
レイアウト調整！などレイアウトに関係するものの一覧です。あなたのホームページ作りに必要な情報を探して下さい。
はＨＴＭＬ、
はスタイルシートで、使用している主なものです。（
はIEのみの指定になります。）
また、
←このショートカットマークの場合には、別のジャンルで説明しているページにジャンプします。（別のウィンドウに表示されます。）
| やりたい事 | 使用タグ |
|---|---|
| 角を丸くする方法 | <table> |
<div><div>〜</div></div> | |
| 影を入れる方法（背景画像） | 後ろに影の画像を入れる方法 |
| 影を入れる方法（背景色） | 後ろに影色のブロックを入れる方法 |
| 範囲を中央に表示する（センタリング） | align="center" |
margin:auto | |
| ページ全体を中央に表示（センタリング） | margin:auto |
| ページ全体の余白の調整をする | margin:幅;padding:幅; |
| ブロック要素に変換する | display:block |
| ブロック要素を回り込ませる | float:方向; |
| 要素の配置場所を指定する | position:設定 |
| インライン要素に変換する | display:inline |
| 表示しない様にする（非表示） | display:none; |
visibility:hidden; | |
| スクロールバーの表示・非表示を調整する | overflow:設定 |
| ページ全体をレイアウト（その１）〜上（１）下（２）〜 |  |
| ページ全体をレイアウト（その２）〜上（１）下（３）〜 |  |
| テーブルを表示する（中央） | <table align="方向"> |
text-align:center; | |
| テーブルを表示する（左寄せ） | <table align="方向"> |
text-align:left; | |
| テーブルを表示する（右寄せ） | <table align="方向"> |
text-align:right; | |
| 画像に回り込ました文章を解除する | <br clear="方向"> |
clear:方向 | |
| 画像に文章を回り込ませる | align="方向" |
float:方向 | |
| 見出しの文字位置を調整する（水平方向） | align="方向" |
text-align:方向 | |
| 改行やスペースを入力した通りに表示させる | <pre>〜</pre> |
white-space:pre | |
| メニューを作る | |
| サブメニューの表現いろいろ |
ホームページ作成ＴＯＰ > レイアウト調整 > このページのＴＯＰ ▲
