トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
スタイルシートについて

どんなことができるの?
スタイルシートは、HTMLタグではできないような細かい設定が可能になってきます。
例えば、タグではテキストの背景や フォームの中に色をつけることはできませんが、スタイルシートはそういう部分に色をつけたりすることが可能になっています。
その他、大体のタグに・・余白の量、縦横の長さの指定、表示させる位置、色の指定、文字の大きさ などを指定することが可能です。複数組み合わせて反映させることも可能で、知っておくと大変重宝します。下記に何個かサンプルを紹介していますので参考にしてみてください。

スタイルシートの利用例(一部を紹介)
サンプル文字 テキスト部分に背景色をつけれる。
サンプル文字 背景色をつけたり、上下左右に余白をとる。
上だけ、右だけなどの指定も可能。
サンプル文字 テキストなどにボックス枠線を指定できる。
フォームなどに指定することもできます。
フォームの中身に色をつける。
ボタンなどのフォームに長さを指定したりできる。
文字の大きさや余白の変更も可能。
フォームの中側に余白をとったり、
外枠線の種類を変更したり、
スクロールバーの色を変更したりできる。
あああいいいうううえええ
かかかきききくくくけけけ
tableタグ内に書かれたテキストをまとめて変更する。
スタイルシートを1つ指定するだけで、
各セル内全体に反映される。
リンク → リンク リンクしたときに付く下線をとったりできる。

細かく位置や余白の量を指定したりできる。
ああああああああああ
ああああああああああ
ああああああああああ
ああああああああああ
文章の上下間のスペースを増やす。
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字
文字の大きさを細かく設定できる。
好きなだけ大きくすることも可能
サンプル文字
サンプル文字

→ スタイルシートって何?  → どんなことができるの?  → どんなふうに使えばいいの?


▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋