036@osamuのブログ一覧

さて、みなさんの期待を一身に背負って？！始まりましたこの企画。

スタイルシートってなに？的な私ですが、
みなさんのカッコイイページに追いつけ追い越せドラゴンズ・・・。

ということで、スタイルシートへの手入れをブログで赤裸々にＵＰして行こうと思います。

まず第一回のネタとしては、一番オーソドックスであろう、

「背景画像を指定する」

にチャレンジしてみます。

まずこちらが初期画面・・・



これに対してやりたいことは、

①画像を指定する
②スクロールせず固定させる

の２つにします。

まず追記するスタイルシートの場所は以下の記述があるところ・・・。

body
{
color: #cccccc;
padding-right: 2px;
padding-left: 2px;
background: #000000;
padding-bottom: 2px;
margin: 0px;
padding-top: 8px;
text-align: center;
}

①については、上記｛｝の中に

background-image:url();

を追記します。
なお（）内には画像が格納されているurlを入れるようです。


また、②については同じく｛｝の中に

background-attachment:fixed;

を追記すればＯＫです。

今回使用する背景はやっぱり「カーボン」でしょ？
ということでこのちっこいjpgを利用します。





・・・背景と同じだから、添付しているけどほぼ識別不能か・・・（核爆


で、変更後のページはこんな感じになります。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓



まずは第一歩を歩みだしました～。