TempNateトップへ > HP作成ノウハウ > 字間と行間を指定する方法

文字と文字の間の距離を指定する方法

letter-spacing (文字間の余白を指定)

文字と文字の間の隙間、余白を指定します。

 

#header {

letter-spacing: 8px;

}

#header {

letter-spacing: 12px;

}

これで、文字と文字の間の隙間、余白を、8ピクセルから、12ピクセルに変更できます。

 

 

行と行の間の距離を指定する方法

line-height (行間の余白を指定)

行と行の行間の距離を指定します。

 

#header {

line-height: 14px;

}

#header {

line-height: 18px;

}

これで、行と行の行間の距離を、14ピクセルから、18ピクセルに変更できます。

 

 

CSS(スタイルシート)のカスタマイズ方法

スタイルシートについて

CSSの要素名について

CSSの構成について (画像で解説

padding(内側の余白を指定する方法)

margin(外側の余白を指定する方法)

border(線の太さや、色を指定する方法)

wideth(ボックスの幅を指定する方法)

height(ボックスの高さを指定する方法)

background-color: #004080; (ボックスの背景の色を指定する方法)

font-size (文字サイズを変更する方法)

text-align(行揃えを指定)

font-family(文字の種類を指定)

letter-spacing(字間や行間を指定)

color (リンクの色を指定する方法) (←次へ)

float(回り込みを指定する方法)

 

HTMLのカスタマイズ方法

HTMLとは?

DOCTYPE(文書構造の定義)

HTMLの詳細について(SEO内部要素)

フォントについて

画像表示タグ

リンク表示タグ

著作権リンクを表示する

メニューなどのリストを表示したい

テーブルについて

スタイルシートを指定する

 

その他のホームページ基礎知識について

Webプログラミングの種類

人気のWebアプリケーションについて

インターネット広告の種類について

ホームページ運営上の注意点など

 

ホームページビルダーを使用した場合のHP作成方法

ホームページビルダーでのホームページ作成方法

ホームページビルダーのHPテンプレート編集方法

 

alpha Edit を使用した場合のHP作成方法

alpha Edit でのホームページ作成方法

alpha Edit のHPテンプレート編集方法

 

メモ帳などのエディターソフトを使用した場合のHP作成方法

メモ帳などのエディターソフトを使用した場合のホームページ作成方法