■ CSSサンプル(カスケーディングスタイルシート)
CSS(カスケーディングスタイルシート)のサンプルやちょっとしたテクニックを解説します。
- 外枠のみのBOX(四角枠)
- 角の丸いBOX(四角)の作成
- 角の丸い外枠のみのBOX(四角枠)
- 縦罫線の作成(縦線を引く)
- 棒グラフ付きの表の作成
- テーブル(表)を使ってクリッカブルマップ(イメージマップ)?
- 画像の重ね合わせ
- spanタグで一度に指定
- ドロップシャドウ
- テキストエリアの書体指定
- 送信ボタンの色変更
- フォーム要素の色変更
- スクロールバーの色変更
- 日本語入力のON/OFF
- オンマウスでリンクの文字色、背景色の変更
- オンマウスでリンクの文字色を変更する
- オンマウスでリンクの背景色を変更する
- オンマウスでリンク文字を下げる
- オンマウスでリンク文字を大きくする
- オンマウスでリンク文字に下線を付ける
- マウスカーソルの形状を変更
- マウスカーソルの画像を変更する
- 背景画像を左上に表示する
- 背景画像を右上に表示する
- 背景画像を左下に表示する
- 背景画像を右下に表示する
- 背景画像を中央にひとつだけ表示する
- 選択メニューの文字色を行単位で変更する
- 選択メニューの背景色を行単位で変更する
- ページの周りの余白をなくす
- 画像を好きな位置に表示する(レイアウト枠(レイヤー))
- 文字を好きな位置に表示する(レイアウト枠(レイヤー))
- 画像と文字を重ね合わせる(画像と文字の合成)
- 画像と画像を重ね合わせる(画像と画像の合成)