全国400电话网上服务平台
强大号码库资源任选,方便,快捷,快速开通。
咨询热线:400-1100-266
强大号码库资源任选,方便,快捷,快速开通。
咨询热线:400-1100-266
织梦默认article_article.htm文章内容部分添加边框
POST TIME:2020-04-16 17:35
用织梦默认模板建站时,文章页内容部分没有边框,没有边界,很不美观,如下图红圈处,本文教新手站长通过调整默认的样式来给内容页的内容部分添加边框。
1、给“当前位置”一行的两端添加边框。
打开/templets/default/style/page.Css,找到下面代码
.pleft.place{
width:712px;
height:24px;
line-height:24px;
background:transparenturl(../images/green_skin.png)repeat-xscroll0-188px;
border-top:1pxsolid#BADAA1;
border-bottom:1pxsolid#BADAA1;
text-indent:12px;
color:#428C5B;
overflow:hidden;
}
改成下面代码
.pleft.place{
width:710px;
height:24px;
line-height:24px;
background:transparenturl(../images/green_skin.png)repeat-xscroll0-188px;
text-indent:12px;
color:#428C5B;
overflow:hidden;
border:1pxsolid#BADAA1;
}
改完后,当前位置两端边框添加完成,如下图:
2、给文章部分添加边框
同样在page.Css中找到如下代码:
.viewbox{
width:712px;
overflow:hidden;
padding-bottom:8px;
}
改成下面代码:
.viewbox{
width:710px;
overflow:hidden;
padding-bottom:8px;
border:1pxsolid#BADAA1;
}
这样内容部分的边框添加完成
1、给“当前位置”一行的两端添加边框。
打开/templets/default/style/page.Css,找到下面代码
.pleft.place{
width:712px;
height:24px;
line-height:24px;
background:transparenturl(../images/green_skin.png)repeat-xscroll0-188px;
border-top:1pxsolid#BADAA1;
border-bottom:1pxsolid#BADAA1;
text-indent:12px;
color:#428C5B;
overflow:hidden;
}
改成下面代码
.pleft.place{
width:710px;
height:24px;
line-height:24px;
background:transparenturl(../images/green_skin.png)repeat-xscroll0-188px;
text-indent:12px;
color:#428C5B;
overflow:hidden;
border:1pxsolid#BADAA1;
}
改完后,当前位置两端边框添加完成,如下图:
2、给文章部分添加边框
同样在page.Css中找到如下代码:
.viewbox{
width:712px;
overflow:hidden;
padding-bottom:8px;
}
改成下面代码:
.viewbox{
width:710px;
overflow:hidden;
padding-bottom:8px;
border:1pxsolid#BADAA1;
}
这样内容部分的边框添加完成
Copyright © 2003-2016
时间:9:00-21:00 (节假日不休)
版权所有:巨人网络(扬州)科技有限公司
总部地址:江苏省信息产业基地11号楼四层
《增值电信业务经营许可证》 苏B2-20120278

时间:9:00-21:00 (节假日不休)
版权所有:巨人网络(扬州)科技有限公司
总部地址:江苏省信息产业基地11号楼四层
《增值电信业务经营许可证》 苏B2-20120278

