twentytenのテーマでは、記事とサイドバーの間は空白なので、平板な感じを受けます。

そこで、記事とサイドバーの間に点線を入れて見ました。

widget-areaの左側の境界を点線にして、境界線と本文の間を10px空けてみました。

div.widget-area {
   border-left : dotted 1px #333333 ;
   padding-left : 10px ;
}

dotted を　solid　にすると点線　⇒　直線になります。

サイドバーにアイテムがある部分だけにしか点線が無いのが難点です。

エリアの境界線を引く代わりに境界線を引いた背景画像を使う方法もありますが、このままでも結構気に入っています。

投稿タグ
, ,