スタイルシートマメ知識

-スタイルシートマメ知識-
リンクをお洒落に・テーブルをお洒落に・スタイルシートってまとめられます

リンクをお洒落に
リンクにカーソルを置いたときにこんな感じになるタグです。
下記のタグを<head></head>の間に書いて下さい♪

color:#669999;
↑の数字を変更で文字の色が変わります。

text-decoration:none;
↑none＝下線を消しています。
underline＝下線を出します。
overline＝上線を出します。
underline overline＝上下線を出します。

background-color:#b6cdcd;
↑の数字でリンクにカーソルを置いたときのバックの色が変わります。

テーブルをお洒落に
<table　style="border: #669999 1px dashed;">みたいに<table>内に下記のタグを入れてください♪
この↓テーブルみたいに破線になります。

style="border: #669999 1px dashed;"

↑色の数字（＃669999のところ）を変えると線の色が変わります♪
1 pxの数字は線の太さです。
ｄａｓｈｅｄ＝破線
dotted＝ドット線（2 px以上じゃないと破線と同じに見えます）
solid＝シンプルな線
double＝二重線（3 px以上じゃないと駄目みたいです）
groove＝線が凹んだように見える線（あんまり細いと分かりません）
ridge＝線が浮き上がったように見える線（同上）
inset＝線より内側が凹んだように見える線（同上）
outset＝線より内側が浮き上がったように見える線（同上）
みたいに色々と遊べます♪　サンプルは下の方にスクロール↓
ネスケは6.2以上じゃないと普通の線になるそうです。はい。
border-left:
border-right:
border-top:
border-bottom:
と各線に分けて指定も出来ます♪

-飾りテーブルSAMPLE-

dashed 2px

dotted 2px

solid 2px

double 3px

grove 3px

ridge 3px

inset 3px

outset 3px

スタイルシートってまとめられます♪
<style type="text/css">

</style>
は１回書けばＯＫ。
この　　の間にそれぞれのスタイルシートを書けば良いのです。
例：背景固定とリンクをお洒落に。
<style type="text/css">

</style>
みたいに。
同じく、bodyで始まるものはまとめられます。（背景固定とスクロールバーとか）
　{　と　}　の中をまとめれば良いのです。
スタイルシートをすっきりまとめてみると上級者っぽく見られるかも…？なんて（＾＾；）
他にも私がやっているようにスタイルシートは別に書いて、各ページを一気に指定する方法もあります。
この辺はもう専門のサイトに行って勉強してみてください♪