スタイルシートで文字を装飾してみよう

スタイルシートで文字を装飾してみよう

文字の装飾 行・段落・リストの指定
  1. 文字の大きさを指定する
  2. 文字の種類を指定する
  3. 文字のスタイルを指定する
  4. 文字に色を付ける
  5. 文字に背景色を付ける
  6. 文字と文字の間隔を指定する
  7. 文字に線を付ける
  1. 行の高さを指定する
  2. 行揃えを指定する

文字の大きさを指定する

CSSコード ブラウザ表示画面

フォント14px

フォントx-large

フォント150%

フォント2em

HTMLコード
コンテンツメニューに戻る

文字の種類を指定する

CSSコード ブラウザ表示画面

MS P明朝

MS ゴシック

メイリオ (当サイトのフォント)

impact

HTMLコード
コンテンツメニューに戻る

文字のスタイルを指定する

CSSコード ブラウザ表示画面

normal

italic

HTMLコード
コンテンツメニューに戻る

文字に色を付ける

CSSコード ブラウザ表示画面

グレー

HTMLコード
コンテンツメニューに戻る

文字に背景色を付ける

CSSコード ブラウザ表示画面
文字に背景色を付ける
HTMLコード
コンテンツメニューに戻る

文字と文字の間隔を指定する

CSSコード ブラウザ表示画面

文字の間隔を指定する

HTMLコード
コンテンツメニューに戻る

文字に線を付ける

CSSコード ブラウザ表示画面

下付き線

打ち消し線

HTMLコード
コンテンツメニューに戻る

行の高さを指定する

CSSコード ブラウザ表示画面

上の行
下の行

上の行
下の行

HTMLコード
コンテンツメニューに戻る

行揃えを指定する

CSSコード ブラウザ表示画面

左揃え

中央揃え

右揃え

HTMLコード
コンテンツメニューに戻る


このエントリーをはてなブックマークに追加
Yahoo!ブックマークに登録
Clip to Evernote

メールを送る

ご質問やご意見ご感想はこちらのフォームをお使いください。

SEO [PR] !uO z[y[WJ Cu