h3要素

CSSリニューアル時の確認用ページ。次に貼る画像はフォトライフより

パラグラフ要素

パラグラフ要素はこんな風に表示される。行間は読みやすいかどうか。文字サイズは小さ過ぎないか。
いったいどうかしらん。

DL要素

ワイン・ガードナー*1

元500cc世界王者

元500cc世界王者

ローター・マテウス
サッカー選手

UL要素

  • 好きなスポーツ

OL要素

  1. 好きなGPライダー
    1. ワイン・ガードナー
    2. 宇川徹

アンカー要素

Blockquote要素

実際に引用はしていません。

らららー、るるるー、むむむー、ぼん、ぼ、ぼん、ぼ、ぼん。

pre要素

ノートパソコンのキーボード風のCSSは以下のとおり。

kbd {
	color: #ffffff;
	background-color: #708090;
	font-family: monospace;
	font-weight: normal;
	font-size: 90%;
	text-align: center;
	border-top: 1px outset #708090;
	border-left: 2px outset #708090;
	border-right: 3px outset #708090;
	border-bottom: 4px outset #708090;
	padding-left: 0.2em;
	padding-top: 0em;
	padding-right: 0.2em;
	padding-bottom: 0em;
	line-height: 1.6em;
	vertical-align: top;
	}

あとは、文章書くときに

<kbd>Space</kbd>を押す。

といった感じで、kbd要素で囲むと、下のような感じで表示されます。

  • Spaceを押す。

abbr要素

<abbr title="国際サッカー連盟">FIFA</abbr>

といった感じで、abbr要素で囲むと、下のような感じで表示されます。

  • FIFA

ins要素

Jazz truly loves you
Jazz truly loves you

em要素

Jazz truly loves you

q要素

Jazz truly loves you

テーブル

表題
見出し見出し
GK岡中勇人
GK櫛野亮
DF加地亮
表題
見出し見出し
GK岡中勇人
GK櫛野亮
DF加地亮

*1:オーストラリア出身