スタイルシートの変更でデザイン自由
スタイルシートを変えてみました。
まずは、タイトルを画像に。。。
そして、背景を変更。
この色の部分は追加して下さい。
ご注意(タイトル画像の幅は必ず700pxでお願いします。)
画像をURL指定する場合は、indexファイルや画像などが見える
サーバーディレクトリに置いてある必要があります。
#wrapper {
width: 740px;
margin: 0 auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #000000; ←中央部だけ背景色を変える
}
#header {
padding: 20px;
border-bottom: 1px solid #ccc;
height: 210px; ←画像高さ調整
width: 700px; ←画像幅調整
background-image: url(http://www.○○○○.net/title.gif); ←タイトル画像指定 background-repeat: no-repeat;
}
まずは、タイトルを画像に。。。
そして、背景を変更。
この色の部分は追加して下さい。
ご注意(タイトル画像の幅は必ず700pxでお願いします。)
画像をURL指定する場合は、indexファイルや画像などが見える
サーバーディレクトリに置いてある必要があります。
#wrapper {
width: 740px;
margin: 0 auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #000000; ←中央部だけ背景色を変える
}
#header {
padding: 20px;
border-bottom: 1px solid #ccc;
height: 210px; ←画像高さ調整
width: 700px; ←画像幅調整
background-image: url(http://www.○○○○.net/title.gif); ←タイトル画像指定 background-repeat: no-repeat;
}
- 未分類 |
- 2009-07-26 13:39:18