其它区域的分割线::#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 线条高度可调节
文章版块的分割线:#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 线条高度可调节
回复Comments
{commenttime}{commentauthor}
{CommentUrl}
{commentcontent}