ブログのサイドバー

ブログのサイドバーの発表（HTMLコードをサポートしています）（サポートJSコード）

<Pクラス= 'というフレーズ'スタイル= "フォントサイズ：13px;パディング：10pxの;マージン下：10pxの;国境：1pxの破線#FFF;色：＃FF3399の">
竹ランプ<BR> <BR>
就像竹林的灯火、被风吹过、摇摇曳曳、但永不熄灭！
</ P>
<テーブルクラス= "dataintable"スタイル= "テキスト整列：センター;幅：100％">
<TBODY> <TR>
<TDスタイル=」幅：16％;高さ：20ピクセル、背景色：＃1 FF0000" > </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃1 FF0033" > </ TD>
<TDスタイル="幅：16％;高さ：20ピクセル、バックグラウンド色：＃1 FF0066" > </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃1 FF0099" > </ TD>
<TDスタイル="幅：16％;高さ：20ピクセル。
背景色：＃FF00CC "> </ TD> <TDスタイル="幅：16％; 高さ：20ピクセル; 背景色：＃1 FF00FF」> </ TD>
</ TR>

背景色：＃FF6633" > </ TD> <TDスタイル=」幅：16％; 高さ：20ピクセル; 背景色：＃FF6666"の> </ TD>

<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃1 FF6699" > </ TD>
<TDスタイル="幅：16％;高さ：20ピクセル、背景色：＃1 FF66CC」> </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃FF66FF"> </ TD>
</ TR>

<TR>
<TDスタイル=」幅：16％;高さ：20ピクセル、背景-colorます。＃FF9900" > </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃1 FF9933" > </ TD>
<TDスタイル="幅：16％;高さ：20ピクセル;背景色：＃FF9966" > </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃FF9999" > </ TD>
<TDスタイル="幅：16％;高：20ピクセル;背景色：＃1 FF99CC」></ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃1 FF99FF"> </ TD>
</ TR>

<TR>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃FFFF00" > </ TD>
<TDスタイル="幅：16％;高さ：20ピクセル、背景色：＃1 FFFF33" > </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：＃1 FFFF66" > </ TD>
<TDスタイル="幅：16％;高さ：20ピクセル、背景色：＃ FFFF99" > </ TD>
<TDスタイル= "幅：16％;高さ：20ピクセル、背景色：#FFFFCC"> </ TD>
<TDスタイル=」幅：16％;高さ：20ピクセル、背景色：#FFFFFF」> </ TD>
</ TR>
</ TBODY> </ TABLE>
<スクリプトタイプ= "テキスト/ javascriptの">
VARのTD = document.querySelectorAll（ 'dataintable TD'）。
以下のため（のvar i = 0;
私はtd.lengthを<; iは++）{ TD [i]は.onmouseover = displayColor。
}
関数displayColor（）{
document.getElementsByClassName（ "語句"）[0] .style.color = this.style.backgroundColor。
}
</ SCRIPT>

トップHTMLコード

<divのスタイル= "テキスト整列は：左;マージン：0PX 20ピクセル21px;パディング下：10pxの;フォントサイズ：12ピクセル;フォント重量：太字;のborder-bottom：1pxのは#FFFFFFを破線;色：＃1 ff9933">
パーセントのアート、力が生命を作ります！
</ div>

フッターのHTMLコード

<DIV CLASS = "cnblogs_Highlighter">
<divのスタイル= "テキスト整列：左;マージン：0 17px">
<P> <ターゲット= "_ブランク"のhref = "http://www.w3school.com.cn/ index.htmlを"> w3school在线教程する</a> |
<a target="_blank" href="https://www.cnblogs.com/">博客园する</a> |
<a target="_blank" href="https://www.sxsoft.com/"> sxsoftする</a> |
<a target="_blank" href="http://www.52solution.com/kb/">快包网する</a> </ P> </ div>
</ div>

おすすめ