◇ 分割线设置◇

      ◈知识城堡◈ 2007-1-6 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 线条高度可调节
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}