--/--/-- (--)  --:--

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2011/02/28 (Mon)  21:00

基本のカスタマイズ♪

基本中の基本カスタマイズです♪

デザインの変更は、HTMLではなく、CSSです。
↓↓に少し載せましたが、初心者さんのご参考になるかなぁ(^-^)

カスタマイズしたい文字が、『何処にあるのぉ~?(><)』って時は!
ページ内検索をしてみてくださいね。

キーボード右下か左下のほうの「CTRL」を押しながら、「F」を押してください。
検索窓が出てくるので、探したい文字を打ち込んで「ENTER」。
探している文字に色がついて、見つけれます♪




・全体の文字の色と大きさ

body{
color : #******;
font-size : 14px;


「color」は文字の色、「font-size」は文字のサイズです。

カラーコード表



・全体のリンクの色

a:link {color : #009966; text-decoration:none;}
a:visited {color : #ff0000; text-decoration:none;}
a:hover {color : #9900FF; text-decoration:underline;}
a:active {color : #ff00ff; text-decoration:underline;}


a:link   クリックしていないリンク
a:visited  クリック済みのリンク
a:hover   クリックした時
a:active  マウスカーソルをあてている時

カラーコード表



・リンクのマウスカーソルを置いた時の表示

a:link {color : #******; text-decoration:underline;}
a:visited {color : #******; text-decoration:overline;}
a:hover {color : #******; text-decoration:line-through;}
a:active {color : #******; text-decoration:none;}



「underline」   下線が付きます。
「overline」   上線が付きます。
「line-through」 打ち消し線が付きます。
「none」     線はつきません。
「blink 」    点滅します。(Firefox、Netscape、Operaのみ)



・全体の背景色

background : #****** url(http://~~~~~.gif) ;

カラーコード表




思いついたら、また書きま~す(*^^*ゞ
関連記事
Comment

    
    管理者にだけ表示を許可する

Trackback

他ブログユーザー♪  Trackback URL


FC2ブログユーザー♪  Trackback Link
[この記事にトラックバック]

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。