はてなダイアリー模様替え - 表組み
を初めて日記で使ってみたのだけれど
余りに味気なかったので変更
CSS
.customlist table { background-color: #FFFFFF; border-top: 1px solid #ccb; border-right: 1px solid #ccb; margin: 0px; padding: 0px; } .customlist th { color: #000; background-color: #ccb; margin: 0px; padding: 5px 3px 3px 10px; font-weight: bold; text-align: right; margin: 0px; border-bottom: 3px double #ccb; border-left: 1px solid #ccb; font-size: 12px; } .customlist td { padding: 2px; text-align: right; margin: 0px; border-bottom: 1px solid #ccb; border-left: 1px solid #ccb; font-size: 12px; line-height: 130%; }
日記での書き方
<div class="customlist"> |*検索語|*検索結果| |Debian|2,150,000| |Vine|1,040,000| |Fedora|732,000| |Gentoo|645,000| </div>
日記途中にタグを入れるのがちょっとアレですが・・・w
参考サイト
- コードを淡々と記録するよ ≫ CSS
- ブログ用のCSSのサンプル集