作者book90423 (blue shadow)
看板Blog
标题Re: [问题] 请问怎麽让每篇文章有所区隔？
时间Fri May 25 13:51:42 2007
※ 引述《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/
可以看到文章间有自制的分隔图~
以上不知道有没有解决你的问题??
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 163.25.118.153
1F：→ NoWashingID:谢谢您....我想要的是第一种....:) 05/25 20:06
2F：→ NoWashingID:不过 我用了之後 发现不太好看耶...哈哈 05/25 20:07
3F：→ NoWashingID:如果我想改用成背景颜色的话 05/25 20:07
4F：→ NoWashingID:是不是 加一句 background-color: blue 就可以了?? 05/25 20:09
5F：→ book90423:请问是要把 线改成其他颜色还是...? 05/26 12:53