织梦默认article_article.htm文章内容部分添加边框的方法

用织梦默认模板建站时，文章页内容部分没有边框，没有边界，很不美观，如下图红圈处，本文教新手站长通过调整默认的样式来给内容页的内容部分添加边框。
1、给“当前位置”一行的两端添加边框。
打开/templets/default/style/page.Css ,找到下面代码

.pleft .place{
width:712px;
height:24px;
line-height:24px;
background:transparent url(../images/green_skin.png) repeat-x scroll 0 -188px;
border-top:1px solid #BADAA1;
border-bottom:1px solid #BADAA1;
text-indent:12px;
color:#428C5B;
overflow:hidden;
}

改成下面代码

.pleft .place{
width:710px;
height:24px;
line-height:24px;
background:transparent url(../images/green_skin.png) repeat-x scroll 0 -188px;
text-indent:12px;
color:#428C5B;
overflow:hidden;
border: 1px solid #BADAA1;
}

改完后，当前位置两端边框添加完成，
2、给文章部分添加边框
同样在page.Css中找到如下代码：

.viewbox{
width:712px;
overflow:hidden;
padding-bottom:8px;
}

改成下面代码：

.viewbox{
width:710px;
overflow:hidden;
padding-bottom:8px;
border: 1px solid #BADAA1;
}

这样内容部分的边框添加完成。

疯狂暗示打赏按钮

本文标签：

声明：本文由代码号注册/游客用户【傲蕾】供稿发布，本站不对用户发布的织梦默认article_article.htm文章内容部分添加边框的方法信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：傲蕾» https://www.ebingou.cn/dmh/12896.html

很赞哦！ ()