■格子 <html><head><style>body{background-color:#000;}table{width:41px;height:41px;margin:5px;float:left;border-collapse:collapse;} td{margin:0;padding:0;}</style></head><body><script type="text/javascript"><!-- function w(s){document.write(s);};var c = new Array("#ffffff","#0000ff","#00ffff","#00ff00","#ffff00", "#ff0000","#ff00ff","#808080","#000080","#008080","#008000","#808000","#800000","#800080"); for(i in c){w('<table border="1" bordercolor="'+c[i]+'">'); for(k=0;k<5;k++){w('<tr>');for(l=0;l<5;l++){w('<td />');}w('</tr>');}w('</table>');} // --></script></body></html> ■ドット格子 <html><head><style>body{background-color:#000;}table{margin:1px 1px 0px 0px;float:left;padding:0;border-collapse:collapse;} td{margin:0;padding:0px;width:1px;height:1px;}</style></head><body><script type="text/javascript"><!-- function w(s){document.write(s);}; var c = new Array("#fff","#00f","#0ff","#0f0","#ff0","#f00","#f0f","#888","#008","#088","#080","#880","#800","#808"); for(i in c){for(j=0;j<2;j++){w('<table>');for(k=0;k<20;k++){w('<tr>');for(l=0;l<10;l++){ w('<td style="background-color:'+(((k+l)%2==0&&k%4<2)?c[i]:"#000")+';"></td>');}w('</tr>');}w('</table>');}} // --></script></body></html>
