AIUEO Lab2

1年のうち250日は夕飯を作る主夫が、iPhoneや料理、気になったものを紹介するブログです。

【はてなブログ】見出しデザインを変更する

見出しの設定を少しイジる

デザインのcssを少しイジってみました。

h2はバックを薄いグレーに

 .entry-content h2 {
margin: 40px 0px 20px 0px;
padding: 10px 10px 10px 10px;
border-radius: 2px;
background: #EEEEEE;
font-size: 100%;
}

h3は左にボーダーを

 .entry-content h3 {
margin: 20px 0px 20px 0px;
padding: 10px 0px 10px 10px;
border-left: 5px solid #EEEEEE;
font-size: 100%;
}

タイトル画像の周りにもボーダー

 #blog-title { 
border: 1px solid #CCCCCC;
text-align: center;
}