単色の背景に見えて、 スクロールしつつ読んでゆくといつの間にか色が変わっている、 という「グラデーション壁紙」を作ってみたくなった。 Ｃコンパイラは使わない。
<table border="0" cellpadding="0" cellspacing="0"> <tr><td height="1" width="1" bgcolor="#ddffff"></td></tr> ...のようにして、一マスが１×１ドットで、すきまの全くない表を作ると、 どんな絵でも書けるのだった。 （《１マスが１×１ドットの表が作れる！ どんな絵でも table で書ける？》 参照。）
次は、色指定を、 #ddffff から #ffddff, #ffffdd を経て元の #ddffff に戻る直前まで、 としたものである。 （ソースは下に掲載。なお、このソースはプログラムを使わず、手で書いた。）
PrintScreen キーでブラウザ画面をコピーし、 ペイント (pbrush) の画面にはりつける。 周囲を切り落とし、横 1 ×縦 102 の画像ファイルにする。 そのままページの背景にしてもよいし、 ペイントで縦にひきのばしてから使ってもよい。
<table border="0" cellpadding="0" cellspacing="0"> <tr><td height="1" width="1" bgcolor="#ddffff"></td></tr> <tr><td height="1" width="1" bgcolor="#defeff"></td></tr> <tr><td height="1" width="1" bgcolor="#dffdff"></td></tr> <tr><td height="1" width="1" bgcolor="#e0fcff"></td></tr> <tr><td height="1" width="1" bgcolor="#e1fbff"></td></tr> <tr><td height="1" width="1" bgcolor="#e2faff"></td></tr> <tr><td height="1" width="1" bgcolor="#e3f9ff"></td></tr> <tr><td height="1" width="1" bgcolor="#e4f8ff"></td></tr> <tr><td height="1" width="1" bgcolor="#e5f7ff"></td></tr> <tr><td height="1" width="1" bgcolor="#e6f6ff"></td></tr> <tr><td height="1" width="1" bgcolor="#e7f5ff"></td></tr> <tr><td height="1" width="1" bgcolor="#e8f4ff"></td></tr> <tr><td height="1" width="1" bgcolor="#e9f3ff"></td></tr> <tr><td height="1" width="1" bgcolor="#eaf2ff"></td></tr> <tr><td height="1" width="1" bgcolor="#ebf1ff"></td></tr> <tr><td height="1" width="1" bgcolor="#ecf0ff"></td></tr> <tr><td height="1" width="1" bgcolor="#edefff"></td></tr> <tr><td height="1" width="1" bgcolor="#eeeeff"></td></tr> <tr><td height="1" width="1" bgcolor="#efedff"></td></tr> <tr><td height="1" width="1" bgcolor="#f0ecff"></td></tr> <tr><td height="1" width="1" bgcolor="#f1ebff"></td></tr> <tr><td height="1" width="1" bgcolor="#f2eaff"></td></tr> <tr><td height="1" width="1" bgcolor="#f3e9ff"></td></tr> <tr><td height="1" width="1" bgcolor="#f4e8ff"></td></tr> <tr><td height="1" width="1" bgcolor="#f5e7ff"></td></tr> <tr><td height="1" width="1" bgcolor="#f6e6ff"></td></tr> <tr><td height="1" width="1" bgcolor="#f7e5ff"></td></tr> <tr><td height="1" width="1" bgcolor="#f8e4ff"></td></tr> <tr><td height="1" width="1" bgcolor="#f9e3ff"></td></tr> <tr><td height="1" width="1" bgcolor="#fae2ff"></td></tr> <tr><td height="1" width="1" bgcolor="#fbe1ff"></td></tr> <tr><td height="1" width="1" bgcolor="#fce0ff"></td></tr> <tr><td height="1" width="1" bgcolor="#fddfff"></td></tr> <tr><td height="1" width="1" bgcolor="#fedeff"></td></tr> <tr><td height="1" width="1" bgcolor="#ffddff"></td></tr> <tr><td height="1" width="1" bgcolor="#ffdefe"></td></tr> <tr><td height="1" width="1" bgcolor="#ffdffd"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe0fc"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe1fb"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe2fa"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe3f9"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe4f8"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe5f7"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe6f6"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe7f5"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe8f4"></td></tr> <tr><td height="1" width="1" bgcolor="#ffe9f3"></td></tr> <tr><td height="1" width="1" bgcolor="#ffeaf2"></td></tr> <tr><td height="1" width="1" bgcolor="#ffebf1"></td></tr> <tr><td height="1" width="1" bgcolor="#ffecf0"></td></tr> <tr><td height="1" width="1" bgcolor="#ffedef"></td></tr> <tr><td height="1" width="1" bgcolor="#ffeeee"></td></tr> <tr><td height="1" width="1" bgcolor="#ffefed"></td></tr> <tr><td height="1" width="1" bgcolor="#fff0ec"></td></tr> <tr><td height="1" width="1" bgcolor="#fff1eb"></td></tr> <tr><td height="1" width="1" bgcolor="#fff2ea"></td></tr> <tr><td height="1" width="1" bgcolor="#fff3e9"></td></tr> <tr><td height="1" width="1" bgcolor="#fff4e8"></td></tr> <tr><td height="1" width="1" bgcolor="#fff5e7"></td></tr> <tr><td height="1" width="1" bgcolor="#fff6e6"></td></tr> <tr><td height="1" width="1" bgcolor="#fff7e5"></td></tr> <tr><td height="1" width="1" bgcolor="#fff8e4"></td></tr> <tr><td height="1" width="1" bgcolor="#fff9e3"></td></tr> <tr><td height="1" width="1" bgcolor="#fffae2"></td></tr> <tr><td height="1" width="1" bgcolor="#fffbe1"></td></tr> <tr><td height="1" width="1" bgcolor="#fffce0"></td></tr> <tr><td height="1" width="1" bgcolor="#fffddf"></td></tr> <tr><td height="1" width="1" bgcolor="#fffede"></td></tr> <tr><td height="1" width="1" bgcolor="#ffffdd"></td></tr> <tr><td height="1" width="1" bgcolor="#feffde"></td></tr> <tr><td height="1" width="1" bgcolor="#fdffdf"></td></tr> <tr><td height="1" width="1" bgcolor="#fcffe0"></td></tr> <tr><td height="1" width="1" bgcolor="#fbffe1"></td></tr> <tr><td height="1" width="1" bgcolor="#faffe2"></td></tr> <tr><td height="1" width="1" bgcolor="#f9ffe3"></td></tr> <tr><td height="1" width="1" bgcolor="#f8ffe4"></td></tr> <tr><td height="1" width="1" bgcolor="#f7ffe5"></td></tr> <tr><td height="1" width="1" bgcolor="#f6ffe6"></td></tr> <tr><td height="1" width="1" bgcolor="#f5ffe7"></td></tr> <tr><td height="1" width="1" bgcolor="#f4ffe8"></td></tr> <tr><td height="1" width="1" bgcolor="#f3ffe9"></td></tr> <tr><td height="1" width="1" bgcolor="#f2ffea"></td></tr> <tr><td height="1" width="1" bgcolor="#f1ffeb"></td></tr> <tr><td height="1" width="1" bgcolor="#f0ffec"></td></tr> <tr><td height="1" width="1" bgcolor="#efffed"></td></tr> <tr><td height="1" width="1" bgcolor="#eeffee"></td></tr> <tr><td height="1" width="1" bgcolor="#edffef"></td></tr> <tr><td height="1" width="1" bgcolor="#ecfff0"></td></tr> <tr><td height="1" width="1" bgcolor="#ebfff1"></td></tr> <tr><td height="1" width="1" bgcolor="#eafff2"></td></tr> <tr><td height="1" width="1" bgcolor="#e9fff3"></td></tr> <tr><td height="1" width="1" bgcolor="#e8fff4"></td></tr> <tr><td height="1" width="1" bgcolor="#e7fff5"></td></tr> <tr><td height="1" width="1" bgcolor="#e6fff6"></td></tr> <tr><td height="1" width="1" bgcolor="#e5fff7"></td></tr> <tr><td height="1" width="1" bgcolor="#e4fff8"></td></tr> <tr><td height="1" width="1" bgcolor="#e3fff9"></td></tr> <tr><td height="1" width="1" bgcolor="#e2fffa"></td></tr> <tr><td height="1" width="1" bgcolor="#e1fffb"></td></tr> <tr><td height="1" width="1" bgcolor="#e0fffc"></td></tr> <tr><td height="1" width="1" bgcolor="#dffffd"></td></tr> <tr><td height="1" width="1" bgcolor="#defffe"></td></tr> </table>