Articlesとは記事部分のことです
ブログの読者がいちばん見る部分ですね
ここはがんばってこだわりましょう
まずはstep6で全体を指定して、次にstep7で個別の指定をするといいと思います
Articlesの全タグ
Articlesのタグ |
/* Articles */ main { width:540px; overflow:hidden; float:right; } .articles { width:540px; padding-bottom:20px; margin-bottom:20px; background:url(/_common/skins/19/images/dotline.gif) repeat-x left bottom; overflow:hidden; } .articles-title { margin:0; margin-bottom:15px; padding-left:5px; border-left:4px solid #70a000; font-size:small; line-height:1.2; } .articles-body { line-height:1.6; margin-bottom:20px; } .articles-body a:link { text-decoration: none; color:#70A000; } .articles-body a:visited { text-decoration: none; color:#70A000; } .articles-body a:active { text-decoration: none; color:#70A000; } .articles-body a:hover { text-decoration: underline; color:#70A000; } .articles-body img { margin-right: 6px; margin-bottom: 6px; } .posted{ padding-top: 10px; font-size:x-small; color:#999999; } |
.articles { をかえよう
はなゾウ先生
.articles { をかえると記事部分全体がかわるよ
/* Articles */ |
.articles { width:540px; padding-bottom:20px; margin-bottom:20px; background:url(/_common/skins/19/images/dotline.gif) repeat-x left bottom; overflow:hidden; } |
記事全体をかえる手順
- step1記事の一番下のラインを消す
background:url(/_common/skins/19/images/dotline.gif) repeat-x left bottom; を消せばOK
- step2まわりを枠で囲む
- step3背景に色や画像を載せる
- step4文字色をかえる
- step5余白をかえる
padding-bottom:20px;
margin-bottom:20px;
をかえると、記事部分の下の幅が変わります