ＡＩで楽曲を楽器やボーカルに分離する

Cool TABLE Caption 1
下のテーブルの左側がHTMLの雛形です
コピー&ペーストして使用して下さい
右側は、タグの解説です
!此処に文字を入れます!
　for Caption 1 の　ソース解説
背景色を変える時は　background-color: #fffafa;　の
枠の色を変える時は　background-color: #a9a9a9;　の
＃と；の間の部分を変えて下さい
<TABLE style="width: 220px; height: auto;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD style="width: 10px; height: 10px;">
<TABLE style="width: 10px; height: 10px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="4" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="2" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="3" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="2" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="7" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD></TR>
</TABLE>
</TD>
<TD style="width: 200px; height: 10px;">
<TABLE style="width: 200px; height: 10px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD style="width: 200px; height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD style="width: 200px; height: 9px; background-color: #fffafa;"></TD></TR>
</TABLE>
</TD>
<TD style="width: 10px; height: 10px;">
<TABLE style="width: 10px; height: 10px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD COLSPAN="4" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="2" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="3" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="7" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="2" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
</TABLE>
</TD></TR>
<TR>
<TD style="width: 10px; height: 25px;">
<TABLE style="width: 10px; height: 25px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD style="width: 1px; height: 25px; background-color: #a9a9a9;"></TD>
<TD style="width: 9px; height: 25px; background-color: #fffafa;"></TD>
</TR></TABLE>
</TD>
<TD style="width: 200px; height: 25px; background-color: #fffafa;">
!此処に文字を入れます!
</TD>
<TD style="width: 10px; height: 25px;">
<TABLE style="width: 10px; height: 25px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD style="width: 9px; height: 25px; background-color: #fffafa;"></TD>
<TD style="width: 1px; height: 25px; background-color: #a9a9a9;"></TD>
</TR></TABLE>
</TD>
<TR>
<TD style="width: 10px; height: 10px;">
<TABLE style="width: 10px; height: 10px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="2" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="7" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="3" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="2" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="4" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
</TABLE>
</TD>
<TD style="width: 200px; height: 10px;">
<TABLE style="width: 200px; height: 10px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD style="width: 200px; height: 9px; background-color: #fffafa;"></TD></TR>
<TR>
<TD style="width: 200px; height: 1px; background-color: #a9a9a9;"></TD></TR>
</TABLE>
</TD>
<TD style="width: 10px; height: 10px;">
<TABLE style="width: 10px; height: 10px;" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR> <TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="9" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD></TR>
<TR>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="8" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="7" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="2" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="1" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="3" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD>
<TD COLSPAN="2" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="4" style="height: 1px; background-color: #fffafa;"></TD></TR>
<TR>
<TD COLSPAN="4" style="height: 1px; background-color: #a9a9a9;"></TD>
<TD COLSPAN="6" style="height: 1px; background-color: #fffafa;"></TD></TR>
</TABLE>
</TD></TR>
</TR>
</TABLE>
 テーブルの宣言です
width　はテーブルの横幅で　文字を入れる部分(200px)＋20px　になっています
width: 200px;　を変更した時は必ず此処も 　変更した値＋20px　にして下さい
BORDER、CELLSPACING、CELLPADDING　は変えないで下さい

左上の丸い角の部分をテーブルを入れ子にして作っています




























































此処で左上の丸い角の部分の設定は終りです

上の線を引く部分をテーブルを入れ子にして作っています
文字の入る部分の長さと一緒になるように　width　を設定します
文字の入る部分の　width　を変更した時は、必ず此処も変更して下さい






此処で上の線を引く設定は終りです

右上の丸い角の部分をテーブルを入れ子にして作っています






























































此処で右上の丸い角の部分の設定は終りです

左側の線を引く部分をテーブルを入れ子にして作っています







此処で左側の線を引く設定は終りです

文字が入る部分の設定です
此処の　width　を変更した時は、 同じ色の部分の　width　も変更して下さい

右側の線を引く部分をテーブルを入れ子にして作っています







此処で右側の線を引く設定は終りです

左下の丸い角の部分をテーブルを入れ子にして作っています
































































此処で左下の丸い角の部分の設定は終りです

下の線を引く部分をテーブルを入れ子にして作っています
文字の入る部分の長さと一緒になるように　width　を設定します
文字の入る部分の　width　を変更した時は、必ず此処も変更して下さい






此処で下の線を引く設定は終りです

右下の丸い角の部分をテーブルを入れ子にして作っています






























































此処で右下の丸い角の部分の設定は終りです

テーブル終了の宣言です