線を引く

div や span は矩形であるので、幅と高さを指定し背景色を指定すると長方形が描けます。

こんなのとか

こんなの。

なので、例えば高さを小さくして幅を大きくすると水平線になります。

hr の代わりに使えますね。意味ないけどｗ

短い線分(div や span)をいくつも階段状に配置すれば直線が描けます。

これを動的に生成してやるコードを書けばラインルーチンの完成です。

７本（７色）の直線をランダムに描画しています。
速いように思うかもしれませんが、たかが７本です。ゲームにするには処理速度はまったく不足していて話になりませんｗ 特に IE での遅さは冗談かと思うくらいです^^;