2006年04月26日

CSS覚え書き

今回の改造点

【背景:縦に画像を繰り返し】
body {
background-image:url(http://king-hotaroh.up.seesaa.net/image/robo-heyahe-2.jpg);
background-repeat:repeat-y;
}

【トップ】
#container{
width:807px; (←ここの数値を900にしないとうまくいかん。ブログクリックのせいか?)
}

【リンク:アンダーラインを抜いた。やっぱり入れれば良かった】
a{
color:#CC3300;
text-decoration:none;
}

タイトル文字 付け加えてトップ画像とバランス】
h1 {
padding-left:300px;
}
【タイトル文字色】
h1 a{
color:#000033;
}

【文中の文字と、各記事のタイトル】
h3 {
padding: 0px 0px 0px 30px;(←タイトルとアイコンが被らないように30pxにしたら記事全体が動いて微妙)
}

【トップの絵の高さ】
#banner{
height:250px;
}

【トップの説明文】
.description {
padding:0px 10px 0px 300px;(←絵と被らないように300pxにした。折り返しはどうしたらいいんだ!!( ̄д ̄)ノムキー)
}

【日付のアイコン】
.blog {
padding:0px 5px 50px 45px;(←日付と被らないように45px)
background-image:url(http://king-hotaroh.up.seesaa.net/image/robo-mini2.gif);
}

【日付の線】
.date{
border-top:1px solid :#CC3300;(←日付のところの線)
}

posted by 國王 at 02:55| ウィーン ????| Comment(0) | TrackBack(0) | CSSのお勉強 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/17047313

この記事へのトラックバック