背景 presented by

【背景色と背景ファイル】

 スタールシートでは、『背景色』と『背景ファイル』を組み合わせて、表示することができます。

 背景ファイルに透過型GIFを使用することにより、単色ではありますが、HTMLファイル内のテキスト変更だけで、色を簡単に変更できます。
 (透過の部分が、背景色になります。)

 blackwhiteの2種類の背景ファイルを用意してみました。

【背景の記述方法】

 ページ全体の背景は、<body>タグのスタイルです。

<head>

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

body {background-color:カラー名; background-image:url("ファイル名");}

-->
</style>

</head>
 または
<head>

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

body {background:カラー名 url("ファイル名");}

-->
</style>

</head>
 または
<body style="background-color:カラー名; background-image:url('ファイル名');">
 または
<body style="background:カラー名 url('ファイル名');">

 

【背景ファイル】

●black背景

○white背景

  • 濃い背景色に最適
  • blacknn : 黒色%(小数点以下切り捨て)
  • R: 反転
  • 淡い背景色に最適
  • whitenn : 白色%(小数点以下切り捨て)
  • R: 反転
#333333
bg_black05.gif
bg_black12.gif
bg_black20.gif
bg_black25.gif
bg_black37.gif
bg_black50.gif
bg_black62.gif
bg_black75.gif
bg_black80.gif
bg_black87.gif
bg_black94.gif
 
bg_black33_tate.gif
bg_black50_tate.gif
bg_black66_tate.gif
bg_black50_tate2.gif
bg_black50_tate3.gif
 
bg_black33_yoko.gif
bg_black50_yoko.gif
bg_black66_yoko.gif
bg_black50_yoko2.gif
bg_black50_yoko3.gif
 
bg_black33_up.gif
bg_black66_up.gif
bg_black50_up2.gif
bg_black50_up3.gif
 
bg_black33_down.gif
bg_black66_down.gif
bg_black50_down2.gif
bg_black50_down3.gif
 
bg_black50_ichimatsu2.gif
bg_black50_ichimatsu3.gif
bg_black50_ichimatsu4.gif
 
bg_black50_crossUp1.gif
bg_black50_crossUp2.gif
 
bg_black50_chidori.gif
 
bg_black43_masu3.gif
bg_black43R_masu3.gif
bg_black30_masu5.gif
bg_black30R_masu5.gif
bg_black23_masu7.gif
bg_black23R_masu7.gif
 
bg_black37_masu3-.gif
bg_black37R_masu3-.gif
bg_black27_masu5-.gif
bg_black27R_masu5-.gif
bg_black21_masu7-.gif
bg_black21R_masu7-.gif
 
bg_black25_masu3dot.gif
bg_black25R_masu3dot.gif
bg_black16_masu5dot.gif
bg_black16R_masu5dot.gif
bg_black12_masu7dot.gif
bg_black12R_masu7dot.gif
 
bg_black27_net3.gif
bg_black27R_net3.gif
bg_black21_net5.gif
bg_black21R_net5.gif
bg_black18_net7.gif
bg_black18R_net7.gif
 
bg_black62_square.gif
bg_black62R_square.gif
 
bg_black41_square2.gif
bg_black41R_square2.gif
 
bg_black31_square2x.gif
bg_black31R_square2x.gif
 
bg_black58_squareUp.gif
bg_black58R_squareUp.gif
 
bg_black38_large1.gif
bg_black38R_large1.gif
bg_black35_large2.gif
bg_black35R_large2.gif
bg_black37_large3.gif
bg_black37R_large3.gif
bg_black31_large4.gif
bg_black31R_large4.gif
bg_black17_heart.gif
bg_black17R_heart.gif
 
bg_black50_check1.gif
bg_black37_check2.gif
bg_black37R_check2.gif
bg_black53_check3.gif
bg_black53R_check3.gif
bg_black72_check4.gif
bg_black72R_check4.gif
bg_black50_check5.gif
 
bg_black31_hr1.gif
bg_black28_hr2.gif
 
bg_black43_border.gif
bg_black43R_border.gif
 
bg_black35_tile.gif
bg_black35R_tile.gif
 
bg_black40_circle.gif
bg_black40R_circle.gif
 
bg_black50_othello.gif
bg_black50_othello2.gif
 
bg_black45_brick.gif
 
bg_black57_cube.gif
 
bg_black42_noise1.gif
bg_black42R_noise1.gif
bg_black_noise2.gif
bg_blackR_noise2.gif
 
bg_black_wave.gif
maroon
bg_black05.gif
bg_black12.gif
bg_black20.gif
bg_black25.gif
bg_black37.gif
bg_black50.gif
bg_black62.gif
bg_black75.gif
bg_black80.gif
bg_black87.gif
bg_black94.gif
 
bg_black33_tate.gif
bg_black50_tate.gif
bg_black66_tate.gif
bg_black50_tate2.gif
bg_black50_tate3.gif
 
bg_black33_yoko.gif
bg_black50_yoko.gif
bg_black66_yoko.gif
bg_black50_yoko2.gif
bg_black50_yoko3.gif
 
bg_black33_up.gif
bg_black66_up.gif
bg_black50_up2.gif
bg_black50_up3.gif
 
bg_black33_down.gif
bg_black66_down.gif
bg_black50_down2.gif
bg_black50_down3.gif
 
bg_black50_ichimatsu2.gif
bg_black50_ichimatsu3.gif
bg_black50_ichimatsu4.gif
 
bg_black50_crossUp1.gif
bg_black50_crossUp2.gif
 
bg_black50_chidori.gif
 
bg_black43_masu3.gif
bg_black43R_masu3.gif
bg_black30_masu5.gif
bg_black30R_masu5.gif
bg_black23_masu7.gif
bg_black23R_masu7.gif
 
bg_black37_masu3-.gif
bg_black37R_masu3-.gif
bg_black27_masu5-.gif
bg_black27R_masu5-.gif
bg_black21_masu7-.gif
bg_black21R_masu7-.gif
 
bg_black25_masu3dot.gif
bg_black25R_masu3dot.gif
bg_black16_masu5dot.gif
bg_black16R_masu5dot.gif
bg_black12_masu7dot.gif
bg_black12R_masu7dot.gif
 
bg_black27_net3.gif
bg_black27R_net3.gif
bg_black21_net5.gif
bg_black21R_net5.gif
bg_black18_net7.gif
bg_black18R_net7.gif
 
bg_black62_square.gif
bg_black62R_square.gif
 
bg_black41_square2.gif
bg_black41R_square2.gif
 
bg_black31_square2x.gif
bg_black31R_square2x.gif
 
bg_black58_squareUp.gif
bg_black58R_squareUp.gif
 
bg_black38_large1.gif
bg_black38R_large1.gif
bg_black35_large2.gif
bg_black35R_large2.gif
bg_black37_large3.gif
bg_black37R_large3.gif
bg_black31_large4.gif
bg_black31R_large4.gif
bg_black17_heart.gif
bg_black17R_heart.gif
 
bg_black50_check1.gif
bg_black37_check2.gif
bg_black37R_check2.gif
bg_black53_check3.gif
bg_black53R_check3.gif
bg_black72_check4.gif
bg_black72R_check4.gif
bg_black50_check5.gif
 
bg_black31_hr1.gif
bg_black28_hr2.gif
 
bg_black43_border.gif
bg_black43R_border.gif
 
bg_black35_tile.gif
bg_black35R_tile.gif
 
bg_black40_circle.gif
bg_black40R_circle.gif
 
bg_black50_othello.gif
bg_black50_othello2.gif
 
bg_black45_brick.gif
 
bg_black57_cube.gif
 
bg_black42_noise1.gif
bg_black42R_noise1.gif
bg_black_noise2.gif
bg_blackR_noise2.gif
 
bg_black_wave.gif
green
bg_black05.gif
bg_black12.gif
bg_black20.gif
bg_black25.gif
bg_black37.gif
bg_black50.gif
bg_black62.gif
bg_black75.gif
bg_black80.gif
bg_black87.gif
bg_black94.gif
 
bg_black33_tate.gif
bg_black50_tate.gif
bg_black66_tate.gif
bg_black50_tate2.gif
bg_black50_tate3.gif
 
bg_black33_yoko.gif
bg_black50_yoko.gif
bg_black66_yoko.gif
bg_black50_yoko2.gif
bg_black50_yoko3.gif
 
bg_black33_up.gif
bg_black66_up.gif
bg_black50_up2.gif
bg_black50_up3.gif
 
bg_black33_down.gif
bg_black66_down.gif
bg_black50_down2.gif
bg_black50_down3.gif
 
bg_black50_ichimatsu2.gif
bg_black50_ichimatsu3.gif
bg_black50_ichimatsu4.gif
 
bg_black50_crossUp1.gif
bg_black50_crossUp2.gif
 
bg_black50_chidori.gif
 
bg_black43_masu3.gif
bg_black43R_masu3.gif
bg_black30_masu5.gif
bg_black30R_masu5.gif
bg_black23_masu7.gif
bg_black23R_masu7.gif
 
bg_black37_masu3-.gif
bg_black37R_masu3-.gif
bg_black27_masu5-.gif
bg_black27R_masu5-.gif
bg_black21_masu7-.gif
bg_black21R_masu7-.gif
 
bg_black25_masu3dot.gif
bg_black25R_masu3dot.gif
bg_black16_masu5dot.gif
bg_black16R_masu5dot.gif
bg_black12_masu7dot.gif
bg_black12R_masu7dot.gif
 
bg_black27_net3.gif
bg_black27R_net3.gif
bg_black21_net5.gif
bg_black21R_net5.gif
bg_black18_net7.gif
bg_black18R_net7.gif
 
bg_black62_square.gif
bg_black62R_square.gif
 
bg_black41_square2.gif
bg_black41R_square2.gif
 
bg_black31_square2x.gif
bg_black31R_square2x.gif
 
bg_black58_squareUp.gif
bg_black58R_squareUp.gif
 
bg_black38_large1.gif
bg_black38R_large1.gif
bg_black35_large2.gif
bg_black35R_large2.gif
bg_black37_large3.gif
bg_black37R_large3.gif
bg_black31_large4.gif
bg_black31R_large4.gif
bg_black17_heart.gif
bg_black17R_heart.gif
 
bg_black50_check1.gif
bg_black37_check2.gif
bg_black37R_check2.gif
bg_black53_check3.gif
bg_black53R_check3.gif
bg_black72_check4.gif
bg_black72R_check4.gif
bg_black50_check5.gif
 
bg_black31_hr1.gif
bg_black28_hr2.gif
 
bg_black43_border.gif
bg_black43R_border.gif
 
bg_black35_tile.gif
bg_black35R_tile.gif
 
bg_black40_circle.gif
bg_black40R_circle.gif
 
bg_black50_othello.gif
bg_black50_othello2.gif
 
bg_black45_brick.gif
 
bg_black57_cube.gif
 
bg_black42_noise1.gif
bg_black42R_noise1.gif
bg_black_noise2.gif
bg_blackR_noise2.gif
 
bg_black_wave.gif
                                                   
pink
bg_white05.gif
bg_white12.gif
bg_white20.gif
bg_white25.gif
bg_white37.gif
bg_white50.gif
bg_white62.gif
bg_white75.gif
bg_white80.gif
bg_white87.gif
bg_white94.gif
 
bg_white33_tate.gif
bg_white50_tate.gif
bg_white66_tate.gif
bg_white50_tate2.gif
bg_white50_tate3.gif
 
bg_white33_yoko.gif
bg_white50_yoko.gif
bg_white66_yoko.gif
bg_white50_yoko2.gif
bg_white50_yoko3.gif
 
bg_white33_up.gif
bg_white66_up.gif
bg_white50_up2.gif
bg_white50_up3.gif
 
bg_white33_down.gif
bg_white66_down.gif
bg_white50_down2.gif
bg_white50_down3.gif
 
bg_white50_ichimatsu2.gif
bg_white50_ichimatsu3.gif
bg_white50_ichimatsu4.gif
 
bg_white50_crossUp1.gif
bg_white50_crossUp2.gif
 
bg_white50_chidori.gif
 
bg_white43_masu3.gif
bg_white43R_masu3.gif
bg_white30_masu5.gif
bg_white30R_masu5.gif
bg_white23_masu7.gif
bg_white23R_masu7.gif
 
bg_white37_masu3-.gif
bg_white37R_masu3-.gif
bg_white27_masu5-.gif
bg_white27R_masu5-.gif
bg_white21_masu7-.gif
bg_white21R_masu7-.gif
 
bg_white25_masu3dot.gif
bg_white25R_masu3dot.gif
bg_white16_masu5dot.gif
bg_white16R_masu5dot.gif
bg_white12_masu7dot.gif
bg_white12R_masu7dot.gif
 
bg_white27_net3.gif
bg_white27R_net3.gif
bg_white21_net5.gif
bg_white21R_net5.gif
bg_white18_net7.gif
bg_white18R_net7.gif
 
bg_white62_square.gif
bg_white62R_square.gif
 
bg_white41_square2.gif
bg_white41R_square2.gif
 
bg_white31_square2x.gif
bg_white31R_square2x.gif
 
bg_white58_squareUp.gif
bg_white58R_squareUp.gif
 
bg_white38_large1.gif
bg_white38R_large1.gif
bg_white35_large2.gif
bg_white35R_large2.gif
bg_white37_large3.gif
bg_white37R_large3.gif
bg_white31_large4.gif
bg_white31R_large4.gif
bg_white17_heart.gif
bg_white17R_heart.gif
 
bg_white50_check1.gif
bg_white37_check2.gif
bg_white37R_check2.gif
bg_white53_check3.gif
bg_white53R_check3.gif
bg_white72_check4.gif
bg_white72R_check4.gif
bg_white50_check5.gif
 
bg_white31_hr1.gif
bg_white28_hr2.gif
 
bg_white43_border.gif
bg_white43R_border.gif
 
bg_white35_tile.gif
bg_white35R_tile.gif
 
bg_white40_circle.gif
bg_white40R_circle.gif
 
bg_white50_othello.gif
bg_white50_othello2.gif
 
bg_white54_brick.gif
 
bg_white42_cube.gif
 
bg_white42_noise1.gif
bg_white42R_noise1.gif
bg_white_noise2.gif
bg_whiteR_noise2.gif
 
bg_white_wave.gif
palegreen
bg_white05.gif
bg_white12.gif
bg_white20.gif
bg_white25.gif
bg_white37.gif
bg_white50.gif
bg_white62.gif
bg_white75.gif
bg_white80.gif
bg_white87.gif
bg_white94.gif
 
bg_white33_tate.gif
bg_white50_tate.gif
bg_white66_tate.gif
bg_white50_tate2.gif
bg_white50_tate3.gif
 
bg_white33_yoko.gif
bg_white50_yoko.gif
bg_white66_yoko.gif
bg_white50_yoko2.gif
bg_white50_yoko3.gif
 
bg_white33_up.gif
bg_white66_up.gif
bg_white50_up2.gif
bg_white50_up3.gif
 
bg_white33_down.gif
bg_white66_down.gif
bg_white50_down2.gif
bg_white50_down3.gif
 
bg_white50_ichimatsu2.gif
bg_white50_ichimatsu3.gif
bg_white50_ichimatsu4.gif
 
bg_white50_crossUp1.gif
bg_white50_crossUp2.gif
 
bg_white50_chidori.gif
 
bg_white43_masu3.gif
bg_white43R_masu3.gif
bg_white30_masu5.gif
bg_white30R_masu5.gif
bg_white23_masu7.gif
bg_white23R_masu7.gif
 
bg_white37_masu3-.gif
bg_white37R_masu3-.gif
bg_white27_masu5-.gif
bg_white27R_masu5-.gif
bg_white21_masu7-.gif
bg_white21R_masu7-.gif
 
bg_white25_masu3dot.gif
bg_white25R_masu3dot.gif
bg_white16_masu5dot.gif
bg_white16R_masu5dot.gif
bg_white12_masu7dot.gif
bg_white12R_masu7dot.gif
 
bg_white27_net3.gif
bg_white27R_net3.gif
bg_white21_net5.gif
bg_white21R_net5.gif
bg_white18_net7.gif
bg_white18R_net7.gif
 
bg_white62_square.gif
bg_white62R_square.gif
 
bg_white41_square2.gif
bg_white41R_square2.gif
 
bg_white31_square2x.gif
bg_white31R_square2x.gif
 
bg_white58_squareUp.gif
bg_white58R_squareUp.gif
 
bg_white38_large1.gif
bg_white38R_large1.gif
bg_white35_large2.gif
bg_white35R_large2.gif
bg_white37_large3.gif
bg_white37R_large3.gif
bg_white31_large4.gif
bg_white31R_large4.gif
bg_white17_heart.gif
bg_white17R_heart.gif
 
bg_white50_check1.gif
bg_white37_check2.gif
bg_white37R_check2.gif
bg_white53_check3.gif
bg_white53R_check3.gif
bg_white72_check4.gif
bg_white72R_check4.gif
bg_white50_check5.gif
 
bg_white31_hr1.gif
bg_white28_hr2.gif
 
bg_white43_border.gif
bg_white43R_border.gif
 
bg_white35_tile.gif
bg_white35R_tile.gif
 
bg_white40_circle.gif
bg_white40R_circle.gif
 
bg_white50_othello.gif
bg_white50_othello2.gif
 
bg_white54_brick.gif
 
bg_white42_cube.gif
 
bg_white42_noise1.gif
bg_white42R_noise1.gif
bg_white_noise2.gif
bg_whiteR_noise2.gif
 
bg_white_wave.gif
paleturquoise
bg_white05.gif
bg_white12.gif
bg_white20.gif
bg_white25.gif
bg_white37.gif
bg_white50.gif
bg_white62.gif
bg_white75.gif
bg_white80.gif
bg_white87.gif
bg_white94.gif
 
bg_white33_tate.gif
bg_white50_tate.gif
bg_white66_tate.gif
bg_white50_tate2.gif
bg_white50_tate3.gif
 
bg_white33_yoko.gif
bg_white50_yoko.gif
bg_white66_yoko.gif
bg_white50_yoko2.gif
bg_white50_yoko3.gif
 
bg_white33_up.gif
bg_white66_up.gif
bg_white50_up2.gif
bg_white50_up3.gif
 
bg_white33_down.gif
bg_white66_down.gif
bg_white50_down2.gif
bg_white50_down3.gif
 
bg_white50_ichimatsu2.gif
bg_white50_ichimatsu3.gif
bg_white50_ichimatsu4.gif
 
bg_white50_crossUp1.gif
bg_white50_crossUp2.gif
 
bg_white50_chidori.gif
 
bg_white43_masu3.gif
bg_white43R_masu3.gif
bg_white30_masu5.gif
bg_white30R_masu5.gif
bg_white23_masu7.gif
bg_white23R_masu7.gif
 
bg_white37_masu3-.gif
bg_white37R_masu3-.gif
bg_white27_masu5-.gif
bg_white27R_masu5-.gif
bg_white21_masu7-.gif
bg_white21R_masu7-.gif
 
bg_white25_masu3dot.gif
bg_white25R_masu3dot.gif
bg_white16_masu5dot.gif
bg_white16R_masu5dot.gif
bg_white12_masu7dot.gif
bg_white12R_masu7dot.gif
 
bg_white27_net3.gif
bg_white27R_net3.gif
bg_white21_net5.gif
bg_white21R_net5.gif
bg_white18_net7.gif
bg_white18R_net7.gif
 
bg_white62_square.gif
bg_white62R_square.gif
 
bg_white41_square2.gif
bg_white41R_square2.gif
 
bg_white31_square2x.gif
bg_white31R_square2x.gif
 
bg_white58_squareUp.gif
bg_white58R_squareUp.gif
 
bg_white38_large1.gif
bg_white38R_large1.gif
bg_white35_large2.gif
bg_white35R_large2.gif
bg_white37_large3.gif
bg_white37R_large3.gif
bg_white31_large4.gif
bg_white31R_large4.gif
bg_white17_heart.gif
bg_white17R_heart.gif
 
bg_white50_check1.gif
bg_white37_check2.gif
bg_white37R_check2.gif
bg_white53_check3.gif
bg_white53R_check3.gif
bg_white72_check4.gif
bg_white72R_check4.gif
bg_white50_check5.gif
 
bg_white31_hr1.gif
bg_white28_hr2.gif
 
bg_white43_border.gif
bg_white43R_border.gif
 
bg_white35_tile.gif
bg_white35R_tile.gif
 
bg_white40_circle.gif
bg_white40R_circle.gif
 
bg_white50_othello.gif
bg_white50_othello2.gif
 
bg_white54_brick.gif
 
bg_white42_cube.gif
 
bg_white42_noise1.gif
bg_white42R_noise1.gif
bg_white_noise2.gif
bg_whiteR_noise2.gif
 
bg_white_wave.gif
palegoldenrod
bg_white05.gif
bg_white12.gif
bg_white20.gif
bg_white25.gif
bg_white37.gif
bg_white50.gif
bg_white62.gif
bg_white75.gif
bg_white80.gif
bg_white87.gif
bg_white94.gif
 
bg_white33_tate.gif
bg_white50_tate.gif
bg_white66_tate.gif
bg_white50_tate2.gif
bg_white50_tate3.gif
 
bg_white33_yoko.gif
bg_white50_yoko.gif
bg_white66_yoko.gif
bg_white50_yoko2.gif
bg_white50_yoko3.gif
 
bg_white33_up.gif
bg_white66_up.gif
bg_white50_up2.gif
bg_white50_up3.gif
 
bg_white33_down.gif
bg_white66_down.gif
bg_white50_down2.gif
bg_white50_down3.gif
 
bg_white50_ichimatsu2.gif
bg_white50_ichimatsu3.gif
bg_white50_ichimatsu4.gif
 
bg_white50_crossUp1.gif
bg_white50_crossUp2.gif
 
bg_white50_chidori.gif
 
bg_white43_masu3.gif
bg_white43R_masu3.gif
bg_white30_masu5.gif
bg_white30R_masu5.gif
bg_white23_masu7.gif
bg_white23R_masu7.gif
 
bg_white37_masu3-.gif
bg_white37R_masu3-.gif
bg_white27_masu5-.gif
bg_white27R_masu5-.gif
bg_white21_masu7-.gif
bg_white21R_masu7-.gif
 
bg_white25_masu3dot.gif
bg_white25R_masu3dot.gif
bg_white16_masu5dot.gif
bg_white16R_masu5dot.gif
bg_white12_masu7dot.gif
bg_white12R_masu7dot.gif
 
bg_white27_net3.gif
bg_white27R_net3.gif
bg_white21_net5.gif
bg_white21R_net5.gif
bg_white18_net7.gif
bg_white18R_net7.gif
 
bg_white62_square.gif
bg_white62R_square.gif
 
bg_white41_square2.gif
bg_white41R_square2.gif
 
bg_white31_square2x.gif
bg_white31R_square2x.gif
 
bg_white58_squareUp.gif
bg_white58R_squareUp.gif
 
bg_white38_large1.gif
bg_white38R_large1.gif
bg_white35_large2.gif
bg_white35R_large2.gif
bg_white37_large3.gif
bg_white37R_large3.gif
bg_white31_large4.gif
bg_white31R_large4.gif
bg_white17_heart.gif
bg_white17R_heart.gif
 
bg_white50_check1.gif
bg_white37_check2.gif
bg_white37R_check2.gif
bg_white53_check3.gif
bg_white53R_check3.gif
bg_white72_check4.gif
bg_white72R_check4.gif
bg_white50_check5.gif
 
bg_white31_hr1.gif
bg_white28_hr2.gif
 
bg_white43_border.gif
bg_white43R_border.gif
 
bg_white35_tile.gif
bg_white35R_tile.gif
 
bg_white40_circle.gif
bg_white40R_circle.gif
 
bg_white50_othello.gif
bg_white50_othello2.gif
 
bg_white54_brick.gif
 
bg_white42_cube.gif
 
bg_white42_noise1.gif
bg_white42R_noise1.gif
bg_white_noise2.gif
bg_whiteR_noise2.gif
 
bg_white_wave.gif