<TABLE> ... </TABLE> のセルの bgcolor に対応しないブラウザでは、 なにも表示されないようです。 それなりにきれいだと思うので、ぜひ対応するブラウザで見てみてください。
また、<TABLE cellspacing="0%"> に「border」を書き加えて <TABLE border cellspacing="0%"> とするとちょっと感じが変わります。 こちらもお試しください。
追記: <FONT> の color には対応しているブラウザが多いと思うので、 別バージョンを作ってみました。
■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ |
プログラムは次の通りです。
#include <stdio.h> #define Min(X,Y) ((X)<(Y)?(X):(Y)) #define Max(X,Y) ((X)>(Y)?(X):(Y)) #define Nor(X) (Max(Min((X),255),0)) /* X を 0 以上 255 以下に normalize */ int main() { int i, j; printf("<TABLE cellspacing=\"0%%\">\n"); printf("<TR>\n"); printf("<TD height=\"1\">\n"); for (j=0; j<70; j++) { printf("<TD width=\"8\">\n"); } for (i=-17; i<=17; i++) { printf("<TR>\n"); printf("<TD height=\"16\">\n"); for (j=0; j<17-i; j++) { printf("<TD>\n"); } for (j=-i; j<=17; j++) { printf("<TD colspan=2><FONT color=\"#"); printf("%02X%02X%02X", Nor(15*i), Nor(15*j), Nor(255-15*(i+j))); printf("\">■\n"); } } printf("</TABLE>\n"); return 0; }
前と同じく、
printf("%02X%02X%02X", Nor(15*i), Nor(15*j), Nor(255-15*(i+j)));を
printf("%02X%02X%02X", Nor(255-15*i), Nor(255-15*j), Nor(15*(i+j)));と変えると次のようになります。
■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ||||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | |||||||||||||||||||||||||||||||||||||
■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ | ■ |
2000-11-21 (2) 18:41:40 +0900
二重引用符のエスケープを忘れていたので、した。
2004-05-04 (2) 02:09:57 +0900