ミラクルタウン

コピペするだけで簡単にホームページが作れます。
初心者の方でも簡単HP!
ホームページ作成コピペで作るHP

大きさwidth,heigth

cssソースcssソース

スタイルシート内の大きさを指定したい項目の
{}の間に貼り付けてください。

解説コードの使い方

色つきの文字の部分はソースを書きかえる必要があります。
青色の部分は半角英数で記入してください。

width:横幅を入力(pxもしくは%); height:高さを入力(pxもしくは%); 解説解説

サイズ-スタイルシート-大きさを指定する
外部スタイルシートの中に使う場合は {と}の間に貼り付けてください。

例えばボックスに指定する場合はこんな感じになります。
div{width:240px; height:90px;}

ボックスの実行サンプルです。
横240px・縦90pxです。

大きさを変えたいものに直接設定する場合

参考pxで指定
<img src="images/rose.jpg" style="width:100px; height:120px;">
実行サンプル:
大きさサンプル薔薇
(クリックで元サイズ画像が開きます)

参考%で指定
<img src="images/ajisai.jpg" style="width:25%;">
実行サンプル:
大きさサンプルアジサイ
(クリックで元サイズ画像が開きます)

画像や、ボックス、テーブルなどの大きさを変えたいときに
使ってみましょう。

参考参考:
要素にCSSを指定
素材屋ナビゲーション