ホームページビルダー/スタイルシート編
ホームページビルダー作成報告 > スタイルシート編トップ > 背景画像を固定して表示
スタイルシートの利用例
- 指定したサイズでテキストを表示させる(インラインフレームのように表示させる)
- 壁紙(背景画像)を繰り返さないで表示
- 背景画像を固定して表示
- リンクの下線を表示しない
- リンクを設定した文字にマウスを乗せると文字の位置がズレるようにする
- リンクを設定した文字にマウスを乗せると上下の線が表示される
- リンクを設定した文字にマウスを乗せると背景色と前景色が変わる
- リンクのスタイルを特定箇所だけ別のスタイルにしたい
- カーソル表示を変更する
- テーブル枠の表示<基本編>
- ウィンドウ内の余白を無くす
- ウィンドウを囲むような枠線を表示する
- 行間隔、文字間隔を調整する
- 縦書きにする
- フィルタを使って半透明にする
- フィルタで出来ること
- 色付きスクロールバー<小技編>
壁紙(背景画像)を繰り返さないで表示
通常、背景に画像を利用すると、繰り返して表示しますが、スタイルシートを利用すると背景画像を繰り返さずに表示することができます。
ページ全体の背景を設定する場合は[スタイルの設定画面]の[HTMLタグの候補]で「body」を選択します。
スタイル設定画面で次の設定を行います。
[色と背景]または[カラーと背景]→[背景画像]の参照をクリックし、表示したい画像(壁紙)を選択する→表示する位置を決める→属性<繰り返し>の欄は、繰り返さないをチェック
▼表示する位置を決める
表示位置を設定する個所、「水平方向」・「垂直方向」
左側ボックス内が「予約語」のまま、数値を設定するボックス横の上下矢印ボタンをクリックすると左・中央・右(水平方向設定の場合)と表示されます。
同じように垂直位置も上・中央・下 と選択できます。
背景画像を固定して表示
このページの左上に矢印「→」の画像があります。この画像は壁紙の固定のスタイルを設定しています。
試しにスクロールしてみると位置が変わらないと思います。
この方法は、[スタイルの設定]画面で、「body」に対して背景の設定を行います。
カラーと背景→背景画像の参照をクリックし、表示したい画像(壁紙)を選択する→表示する位置を決める→属性<繰り返し>の欄は、繰り返さないをチェック→<貼り込み方>の欄は固定をチェック