HOME > TOOL（ツール） > サンプル集―スタイルシートサンプル

ツールサンプル集2スタイルシートサンプル

フォント

文字の色や大きさなどの表示に関する指定方法です。

テキスト

文章の行間の指定などテキストの表示に関する指定方法です。

背景

背景の色を変えたり、背景に画像を使うなど背景の表示に関する指定方法です

ボックス

文字をラインで囲むなどボックスに関する指定方法です。

その他

その他、よく利用されるスタイルシートの指定方法です。

 

リンクにマウスオーバーアクションをつける。

リンクに装飾をつける方法です。

リストタグでメニューを作る。

リストタグを使ったメニューリストを作る方法です。

フォームの入力初期状態を英数字入力モードにする。(Winのみ)

フォームの入力を選択するだけで入力モードを「英数字」「かな」等に変更する方法です。

フォームの見栄えを変える。

フォームの入力欄に色をつけたり見栄えを変える方法です。

フォームの見栄えを変える。（選択したら色を変える。）

Javascriptとスタイルシートを使ってフォームの見栄えを変える方法です。

スタイルシートによるロールオーバー

Javascriptを使わずにスタイルシートだけで、ロールオーバーを作成する方法です。

スクロールしても表示位置が変わらないメニューバー

画面をスクロールさせても、表示位置が移動しないメニューの作成方法です。

画像にたいするテキストの回り込み

HTMLのタグで指定していた回り込みを、スタイルシートで指定する方法です。

スタイルシートによる見出しのデザイン

スタイルシートだけで出来る、見出しのサンプルをご紹介します。

スタイルシートによるメニューのデザイン

スタイルシートだけで出来るメニューのサンプルをご紹介します。

ホーム｜ PLAN（計画）｜DO（実行）｜CHECK（チェック）｜TOOL（ツール）｜サイトマップ

• 
• 
• 
• 
•