sample page

格子っぽいデザイン。シンプルですが個人的にこういうのは好きです。トップの画像を変えるだけで全然違う印象になるので、アレンジが簡単なところとか。
今回もButterflyxxx様より写真をお借りしています。

画像の変更は、以下の要領で。

.ta{
color : whitesmoke; //枠内の文字色(画像の基調が薄い色なら文字色を濃く)
padding : 10px;
background : url(walking1.jpg) no-repeat 50% 50%; //画像のURL
width : 460px; //画像の幅
height : 360px; //画像の高さ
filter : Alpha(opacity=90);
}

.A1{
color : whitesmoke; //コンテンツのリンクの色(上の文字色とあわせます)
}
 
2style.net