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; //コンテンツのリンクの色(上の文字色とあわせます) } |
||