サイドメニューのブロックの色

サイドメニューのブロックの色を変えてみます

/*サイドメニューのブロック */
.skinMenu{/*枠*/
background-color:#d9f2c1;/*Ａ*/
}
.skinMenuHeader{/*ヘッダー*/
background-color:#4ead28;/*Ｂ*/
}
.skinMenuTitle{
color:#ffffff;/*サイドメニュータイトル文字 Ｃ*/
}
.skinMenuBody{/*枠内*/
background-color:#ffffff;/*Ｄ*/
}

新デザインではCSS3の角丸（border-radius）が使われています

（Internet Explorer8までは未対応ですから丸く見えません）



/*サイドメニューのブロック */
.skinMenu{/*枠*/
background-color:#d9f2c1;
border-radius:15px;/*四隅を半径15pxで丸く*/
}
.skinMenuHeader{/*ヘッダー*/
background-color:#4ead28;
}
.skinMenuTitle{
color:#ffffff;/*サイドメニュータイトル文字 */
}
.skinMenuBody{/*枠内*/
background-color:#ffffff;
border-radius:0 0 15px 15px;/*左上0　右上0　右下15px丸く　左下15px丸く*/
}

他の形でも・・・

/*サイドメニューのブロック */
.skinMenu{/*枠*/
background-color:#d9f2c1;
border-radius:0 15px;/*左上と右下0　右上と左下15px丸く*/
}
.skinMenuHeader{/*ヘッダー*/
background-color:#4ead28;
}
.skinMenuTitle{
color:#ffffff;/*サイドメニュータイトル文字 */
}
.skinMenuBody{/*枠内*/
background-color:#ffffff;
border-radius:0 0 0 15px;/*左下だけ15px丸く*/
}

水平方向と垂直方向の半径もそれぞれ違う半径に設定できますが・・

面倒なので（説明が・・？）・・