請問怎麼讓每篇文章有所區隔？ - 部落格

※ 引述《NoWashingID (免洗ID)》之銘言：
: 　這是我的模板
: 　http://www.blogger.com/html?blogID=4445019432781431202&action=download
: 　
: 　我的意思是
: 　想讓每篇發表的文章
: 　有自己獨立的框框　框起來
: 　或是　有分隔線
: 　不然文章都擠在一起
: 　看起來好亂喔～
: 　順便問一下
: 　我想把各式書籤給刪掉
: 　請問要刪掉哪一段呢？
: 　謝謝～

有點不了解你要哪種的框框？PO幾個我覺得可能的形式
1.
_______________________
︳文章標題 |
| |
| 文章內容 |
| |
| |
| 張貼者：XX 時間；XX |
￣￣￣￣￣￣￣￣￣￣￣￣
如果是如上的，那麼就在CSS的部份中加入(不知道放在哪，
就放在.main p, .sidebar p{}的上方吧~)

.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
border:1px solid;
}

還有一種是：

文章標題
______________________
| 文章內容 |
| |
| |
￣￣￣￣￣￣￣￣￣￣￣￣
|￣￣￣￣￣￣￣￣￣￣￣￣|
| 張貼者：XX 時間：XX |
￣￣￣￣￣￣￣￣￣￣￣￣￣

如果是如上的，那麼就在
.main p, .sidebar p{}
這一區加入
border:1px solid;
即可

另一種是加入分隔圖片：

首先先做好一張分隔線的的圖
例如我的是：http://book90423.googlepages.com/line.gif

之後在CSS的POST的部份加入
.post {
margin:.5em 0 1.5em;
background:url("http://book90423.googlepages.com/line.gif")
no-repeat center bottom;
padding-bottom:1.5em;
}

成果可以看一下我的http://book90423.blogspot.com/
可以看到文章間有自製的分隔圖~


以上不知道有沒有解決你的問題??

--