テーブルに触れるとラインの色が変わる

||<#●最初の色●' onmouseover=this.style.background='#●触れると変わる色●' onmouseout=this.style.background='#●離すと変わる色●' style='width:560px'``[●アドレスURL● ●タイトル●]||

▼薄い赤色 → 濃い赤色

色が変わるテーブル

||<#ffc0ff' onmouseover=this.style.background='#ff80ff' onmouseout=this.style.background='#ffc0ff' style='width:560px'``[http://blogs.yahoo.co.jp/takesi21_ty63ty/ 色が変わるテーブル]||

▼薄い水色 → 濃い水色

色が変わるテーブル

||<#CCFFFF' onmouseover=this.style.background='#CCE6FF' onmouseout=this.style.background='#CCFFFF' style='width:560px'``[http://blogs.yahoo.co.jp/takesi21_ty63ty/ 色が変わるテーブル]||

▼薄い黄色 → 濃い黄色

色が変わるテーブル

||<#ffff80' onmouseover=this.style.background='#ffff40' onmouseout=this.style.background='#ffff80' style='width:560px'``[http://blogs.yahoo.co.jp/takesi21_ty63ty/ 色が変わるテーブル]||

▼薄い灰色 → 濃い灰色

色が変わるテーブル

||<#c0c0a0' onmouseover=this.style.background='#a0a080' onmouseout=this.style.background='#c0c0a0' style='width:560px'``[http://blogs.yahoo.co.jp/takesi21_ty63ty/ 色が変わるテーブル]||

▼薄い紫色 → 濃い紫色

色が変わるテーブル

||<#c0a0c0' onmouseover=this.style.background='#c080c0' onmouseout=this.style.background='#c0a0c0' style='width:560px'``[http://blogs.yahoo.co.jp/takesi21_ty63ty/ 色が変わるテーブル]||

転載元: 「ＴＡＫＥＳＩ★ＢＬＯＧ」のブログは閉鎖致します。

||<#990000' width=570'``|| ||<#009900' width=570'``|| ||<#000099' width=570'``|| ||<#999900' width=570'``|| ||<#990099' width=570'``|| ||<#009999' width=570'``|| ||<#990000' width=570 height=5'``|| ||<#009900' width=570 height=5'``|| ||<#000099' width=570 height=5'``|| ||<#999900' width=570 height=5'``|| ||<#990099' width=570 height=5'``|| ||<#009999' width=570 height=5'``|| ||<#ff0000' width=570 height=5'``|| ||<#00ff00' width=570 height=5'``|| ||<#0000ff' width=570 height=5'``|| ||<#ffff00' width=570 height=5'``|| ||<#ff00ff' width=570 height=5'``|| ||<#00ffff' width=570 height=5'``|| 　　　↑色指定　　↑幅指定　↑太さ指定色はカラーサンプルで選んでください

||<#00ffff' width=570' ``''' ここに文字を記入することも出来ます。'''|| ||||<#aaffff' width=570 height=70'``''' ここに文字を記入することも出来ます。'''|| ●「||||」でセンタリングです。

||<#ffffff' style=' width:560px;height:50px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000,endcolorstr=#ff008000, gradienttype=1);'' ``背景色白で赤から緑透明度ff(不透明）グラデーション左→右|| ||<#ffffff' style=' width:560px;height:50px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000,endcolorstr=#ff008000,gradienttype=0);' ``背景色白で赤から緑透明度ff(不透明）グラデーション上→下|| ||<#ffffff' style=' width:560px;height:50px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=1);' ``背景色白で赤から緑透明度8f(透明度50％くらい）グラデーション左→右|| ||<#ffffff' style=' width:560px;height:50px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);' ``背景色白で赤から緑透明度8f(透明度50％くらい）グラデーション上→下|| ||<#ffff00' style=' width:560px; height:50px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=1);' ``背景色黄色で赤から緑透明度8f(透明度50％くらい）グラデーション左→右|| ||<#ffff00' style=' width:560px;height:50px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8f00ffff,endcolorstr=#8fff00ff,gradienttype=0);' ``背景色黄色で赤から緑透明度8f(透明度50％くらい）グラデーション上→下||

||<#ffffff' style='color:blue;padding:【テーブル縦幅】px;width:【テーブル横幅】px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=【テーブル左上色】,endcolorstr=【テーブル右下色】, gradienttype=【グラデーション「０が縦」「１が横」】);font-size:【文字のサイズ】pt;color:【文字の色】';'' `` *タイトル／グラデーション左上→右下||

||<#ffffff' style=' color:blue;padding:0px;width:560px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffffff,endcolorstr=#c0c0a0, gradienttype=1);font-size:10pt;color:#008000';'' `` *タイトル／グラデーション左→右||

||<#ffffff' style=' color:blue;padding:0px;width:560px;color:blue;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff60,endcolorstr=#c0ffff, gradienttype=0);font-size:10pt;color:#008000';'' `` *タイトル／グラデーション上→下||