织梦默认article_article.htm文章内容部分添加边框-巨人网络

主页 > 网站建设 > 建站知识 > 织梦默认article_article.htm文章内容部分添加边框

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

POST TIME:2020-04-16 17:35

蓝色安防器材公司类整站模板

软件APP类网站源码织梦通用型企业网站源码html

工业环保工程类企业网站织梦模板(带手机端)

html5响应式网站织梦模板源码IT网络工作室织梦网

用织梦默认模板建站时，文章页内容部分没有边框，没有边界，很不美观，如下图红圈处，本文教新手站长通过调整默认的样式来给内容页的内容部分添加边框。

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;
}

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