-マメ知識-
背景画像の固定方法リンクをお洒落にテーブルをお洒落に

背景画像の固定方法
下記のタグを<head></head>の間に書いて下さい♪
<STYLE type="text/css">
<!--
body{
background-attachment:fixed;
background-image : url(画像のファイル名);
background-repeat:no-repeat;
background-position:0% 0%;}
-->
</STYLE>
background-image : url(画像ファイル名);
↑の()ないに表示させたい画像のファイル名を書きます。
自分のサーバーにアップロードして、そのアドレスを書いてください。
くれぐれの他の人のHPのアドレスを書かないように〜
background-repeat:no-repeat;
↑no-repeat=画像をリピートさせません。
repeat-y=縦のみにリピートさせます。
repeat-x=横のみにリピートさせます。
background-position:0% 0%;
↑左の%が左右の位置指定です。0で左端、100で右端になります。
右の%が上下の位置指定です。0で上端、100で下端になります。
まぁ試しに数値変えて遊んでみてください♪




リンクをお洒落に
リンクにカーソルを置いたときにこんな感じになるタグです。
下記のタグを<head></head>の間に書いて下さい♪
<STYLE type="text/css">
<!--
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {color:#669999;
text-decoration:none;
background-color:#b6cdcd;}
-->
</style>
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の数字は線の太さです。
dashed=破線
dotted=ドット線(2 px以上じゃないと破線と同じに見えます)
solid=シンプルな線
double=二重線(3 px以上じゃないと駄目みたいです)
groove=線が凹んだように見える線(あんまり細いと分かりません)
ridge=線が浮き上がったように見える線(同上)
inset=線より内側が凹んだように見える線(同上)
outset=線より内側が浮き上がったように見える線(同上)

みたいに色々と遊べます♪ サンプルは下の方にスクロール↓
ネスケは6.2以上じゃないと普通の線になるそうです。はい。
border-left:
border-right:
border-top:
border-bottom:

と各線に分けて指定も出来ます♪
使用例は文字入れについてのテーブルですね。



分からない、うまくいかない、他に知りたいタグがあるとかございましたらお気軽に♪
私も日夜勉強中です(^^;)
1冊くらいHTMLタグ辞典とかあると便利ですよ〜!
お勧めは翔泳社さんから出ている「 ホームページ辞典―HTMLスタイルシートJavaScript」これ1冊でHTML スタイルシート JavaScriptの大体は分かります!
私は大学から借りたのですが、お値段も手ごろかとv(うちの大学情報学科があるのでこの手の本は大量にあるのです・笑)
あとは色んなサイトさんを探してみると良いと思います♪

+私がHPを作るときに読んだ本+
はじめて作るホームページ:オールカラーで楽しく学ぶ
ホームページ辞典―HTMLスタイルシートJavaScript
この2冊でHP作りは十分だと思います。
(お店やろうと思ったり、完璧なHP作りとかプロになりたいのでしたら当然これだけじゃ駄目だと思いますが、個人のHPくらいでしたら十分かと^^)
クリックしたらアマゾンの紹介ページに飛びます。
そのまま購入も出来ます(^^)
*アソシエイトですので、ご注意ください。(リンクの仕方しらなくて…;)

ソースの著作権は放棄しています。
こんなんに著作権とかあるとは思いませんし(^^;)
ご自由にコピペして下さい♪写真や素材は放棄してませんよ〜v

-飾りテーブルSAMPLE-
dashed 2px
dotted 2px
solid 2px
double 3px
grove 3px
ridge 3px
inset 3px
outset 3px



Copyright(C)2004 / Sora ni Saku Hana All Rights Reserved