CSSでデザイン性の高いページを作成

スタイルシートを使えば、HTMLだけでは表現できない、
デザイン性の高いページを作成する事ができます。

ここにあるCSSのサンプルをコピー＆ペーストで取り入れるだけで、
あなたのHPもオシャレに変身します。

◆文字にグラデーションをかける◆

【ソースとサンプルを新しいウインドウで表示】

◆文字にマーカー線をひく◆

【ソースとサンプルを新しいウインドウで表示】

　　　　　　　　　

◆文字や画像を半透明で表示する◆

【ソースとサンプルを新しいウインドウで表示】

　　　　　　　　　

◆段落に背景色をつける◆

【ソースとサンプルを新しいウインドウで表示】

◆いろんなデザインの囲み線で文字を装飾◆

【ソースとサンプルを新しいウインドウで表示】

◆枠線で文字を装飾◆

【ソースとサンプルを新しいウインドウで表示】

◆フォームのパーツをデザインする◆

【ソースとサンプルを新しいウインドウで表示】

◆プルダウンメニューを色分けする◆

【ソースとサンプルを新しいウインドウで表示】

◆スクロールバーに色をつける◆

【ソースとサンプルを新しいウインドウで表示】

◆ページ内に別ページを埋め込む◆

【ソースとサンプルを新しいウインドウで表示】

◆メディアプレーヤーを埋め込む◆

【ソースとサンプルを新しいウインドウで表示】

◆マウスオーバーでリンクテキストを枠で囲む◆

【ソースとサンプルを新しいウインドウで表示】

◆画像を使わずにボタン状のリンクを作る◆

【ソースとサンプルを新しいウインドウで表示】

◆文字を重ねてデザインする◆

【ソースとサンプルを新しいウインドウで表示】