【おまけ☆まてりある- tag -】

まず、スタイルシートを有効にする為に筆記
<TITLE>～</TITLE>の下に

<META http-equiv="Content-Style-Type" content="text/css">

↑の一行の下に目的のスタイルシートをペーストする。
その下から、</head>の上迄に設定をペースト。

<STYLE type="text/css">
<!--

/*↑この行の上にペーストをする*/
</STYLE>

/*←この２文字に挟まれた文字は内容に影響しません、削除はお好みで→*/

壁紙の配置

壁紙を敷き詰め・スクロールなし

BODY {
　background-color: #ffffff; /*背景色。画像が表示されない環境の為に設定*/
  background-image: url(画像の場所と名前);
  background-attachment: fixed; 
　color: #000000; /*文字色*/
}

※　背景画像をスクロールする場合は≪fixed;≫を≪scroll;≫に変更。

壁紙を縦に配列・スクロールなし
BODY { background-image: url(画像の場所と名前); background-repeat: repeat-y; background-attachment: fixed; /*スクロールする場合は: fixedを: scrollに変更*/ }

※　横配列は≪repeat-y;≫を≪repeat-x;≫に変更。

位置指定

BODY {
  background-image: url(画像の場所と名前);
  background-repeat: no-repeat; /*リピートしない*/
  background-position: center center; /*横中央　縦中央*/
  background-attachment: fixed; /*スクロールする場合は: fixedを: scrollに変更*/
　background-color: #（画像に合わせた色）;
}

左端指定は left・右端指定は right　
または％表示（例）50% 50%; /*横方向中央　縦方向中央*/　。

ライン・平行線　☆HR　

<hr style="border:大きさpx 線種 #色; width:画面に対しての長さ%">

◇<body >～</body>の間に直接設定を書く場合。

直線　solid

二重線　double
3px以上推奨

点線　dotted

破線　dashed

山線　ridge

谷線　groove

<hr style="border:1px solid blue;width:50%;">

<hr style="border:3px double #0000FF;width:50%;">

<hr style="border:1px dotted #0000FF;width:50%;">

<hr style="border:1px dashed #0000FF;width:50%;">

<hr style="border:1px ridge #0000FF;width:50%;">

<hr style="border:1px groove #0000FF;width:50%;">

◇まとめて設定する場合
≪１≫　</head>～</head>部分
hr.sen { border:2px dotted #BF007F; width:300px;} hr.sen2 { border:4px double #7373FF; width:300px;}

≪２≫　<body>～</body>の間に≪１≫の設定を表示
るるる<hr class="sen"> <hr class="sen2">
↓こうなる
るるる

◇　配置場所

<hr style="width:50%;color:#FF00FF; border-style: solid;margin-left: auto; margin-right: auto;">
ブラウザ画面に対して50％の長さのピンクの線を左右平等？（中央）に。

Font 　

～の間で使う場合。

◆太字◆　文字
◆大きさ◆　文字
◆色◆　文字
◆下線◆　文字
◆取り消し線◆　文字

※　以外の<DIV>　　などでも使用可能。

その他の文字指定は≪こちら≫

参考：とほほ様

【TOP】