ソースコードなどをブログに掲載するときに細い線の枠で囲む

投稿者: | 2011年11月4日

<table>タグ1つでborder設定だと、線が太くなって、なんとなくカッコ悪いため、細い線で枠を表示するためには、<table>タグを重ねる。

■元ネタ
http://www.tohoho-web.com/html/table.htm

■例

<table bgcolor=”#000000″ border=”0″ cellpadding=”0″ cellspacing=”0″><tbody><tr><td>
<table border=”0″ cellpadding=”3″ cellspacing=”1″><tbody><tr bgcolor=”#FFFFFF”><td>
ここに記事を記入
</td></tr></tbody></table>
</td></tr></tbody></table>

 
<追記 2012.09.23>
スタイルシートを使えばもっと簡単。

<div style=”border: solid 1px #cccccc;”>
ここに記事を記入
</div>

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です