livedoor ナレッジ

テーブルをトップ記事に入れたのですが、色々サイト検索してもわからなくて出来ない状態です。
どなたか初心者でも出来るようにコピペで教えてくれませんか？

☆１２個の枠を作りたいのですが、横２～３個でやりたいです。
☆枠と枠の間は少し間隔を開けたいなと思っています。
☆１つの枠の中に、画像を入れてクリックすると指定ページに飛ぶようにして、一言コメントを中央によるように、２種類入れたいと思ってます。
☆枠の色は、水色で、２重線×２重線にするか、出来ればもっと可愛くポップにしたいのですが・・・

どなたか非常に面倒な注文ですが、コピペでも出来るようにタグを書いていただけたら大変ありがたいです。

<style>
table#selector {
    color:LightPink;
    background-color:LightYellow;
    border:double 5px AliceBlue;
/*  border-spacing:4px; */
}
table#selector td{
    border:double 5px AliceBlue;
    padding:5px;
    text-align:center;
}
table#selector img{
    border-style:none;
}
</style>
<table id="selector" cellspacing="8">
<tr><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td></tr>
<tr><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td></tr>
<tr><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td></tr>
<tr><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td><td><a href="飛び先アドレス"><img src="画像アドレス" alt="説明"></a><br>コメント</td></tr>
</table>

てな感じでしょうか。
上記をたたき台にして
細部の指定については、以下のリンクを参照。
http://www.htmq.com/index.htm