2008年07月02日
ブログカスタマイズ4(枠編)
背景とボディーの間に枠線を入れる
#container{
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;
text-align:left;←この下に下の赤字の命令文を追加します
}
↓
#container{
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;
text-align:left;
border-top-width: 1px;←ここの数値を変更することで線の太さが変えられます
border-right-width: 4px;←
border-bottom-width: 1px;←
border-left-width: 4px;←
border-right-style: solid; solidこれを変えることで線のスタイル
border-left-style: solid; を変更できます(下の図参考にして下さい)
border-top-color: #FFFFFF; #FFFFFFを変更することで線の色を
border-right-color: #4e454a; 変更できます(カラーは見本はここを)
border-bottom-color: #FFFFFF;
border-left-color: #4e454a;
}
none ・・・枠線を表示しない(デフォルト)
hidden ・・・枠線を表示しない
①dotted ・・・点線
②dashed ・・・破線
③solid ・・・実線
④double ・・・二重線
⑤groove ・・・線がへこんだように見える枠線
⑥ridge ・・・ 線が浮き上がったように見える枠線
⑦inset ・・・ 線より内側がへこんだように見える枠線
⑧outset ・・・線より内側が浮き上がったように見える枠線
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;
text-align:left;←この下に下の赤字の命令文を追加します
}
↓
#container{
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;
text-align:left;
border-top-width: 1px;←ここの数値を変更することで線の太さが変えられます
border-right-width: 4px;←
border-bottom-width: 1px;←
border-left-width: 4px;←
border-right-style: solid; solidこれを変えることで線のスタイル
border-left-style: solid; を変更できます(下の図参考にして下さい)
border-top-color: #FFFFFF; #FFFFFFを変更することで線の色を
border-right-color: #4e454a; 変更できます(カラーは見本はここを)
border-bottom-color: #FFFFFF;
border-left-color: #4e454a;
}
none ・・・枠線を表示しない(デフォルト)
hidden ・・・枠線を表示しない
①dotted ・・・点線
②dashed ・・・破線
③solid ・・・実線
④double ・・・二重線
⑤groove ・・・線がへこんだように見える枠線
⑥ridge ・・・ 線が浮き上がったように見える枠線
⑦inset ・・・ 線より内側がへこんだように見える枠線
⑧outset ・・・線より内側が浮き上がったように見える枠線
パノラマ合成
ブログカスタマイズ6(フォント変更)
ブログカスタマイズ5(レイアウト説明)
ブログカスタマイズ3(背景スクロール編)
ブログカスタマイズ2(記事背景編)
ブログのカスタマイズ1(TOP画像編)
ブログカスタマイズ6(フォント変更)
ブログカスタマイズ5(レイアウト説明)
ブログカスタマイズ3(背景スクロール編)
ブログカスタマイズ2(記事背景編)
ブログのカスタマイズ1(TOP画像編)
Posted by み〜ぱぱ at 14:12│Comments(0)
│ブログカスタマイズ
※このブログではブログの持ち主が承認した後、コメントが反映される設定です。