◇ 分割线设置◇ - 达人(蔷薇)

2007/01/06 | ◇ 分割线设置◇
类别(◈知识城堡◈) | 评论(0) | 阅读(76) | 发表于 15:46: 其它区域的分割线:：#comm_info div.line
文章版块的分割线：#m_blog div.line
个人档案的分割线：#m_pro div.line
友情连接的分割线：#m_links div.line
文章分类的分割线：#m_artclg div.line
最新评论的分割线：#m_comment div.line
相册列表的分割线：#m_albumlist div.line
好友列表的分割线：#m_friend div.line
访问统计、模板设置的分割线：#m_setting div.line
基本选项：#m_setbase div.line
网友评论：#in_comment div.line

现在就拿文章版块的分割线做个实例：
打开CSS，找到

#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #43212E}语句

其实border-top:1px solid #43212E这段语句本身就是就是实现分割线效果，不过我们为了更好的美化空间，我们可以用图片代替，下面的语句就是这个作用，大家替换一下就可以。

#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) }

line-height:17px 线条高度可调节; 0