您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

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

傲蕾2024-08-26DedeCMS教程已有人查阅

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

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

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

本文标签：

很赞哦！ ()

上一篇：织梦图片水印的添加和删除方法

下一篇：织梦dedecms打补丁的方法

图文教程

相关源码

(自适应)游泳馆泳池水处理器设备pbootcms网站模板免费下载专注服务于泳池水处理设备制造商、泳池系统工程商等企业用户。模板预设设备分类体系、技术参数展示模块和解决方案呈现页面，满足行业特有展示需求。查看源码
(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板，采用响应式设计技术，适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
(PC+WAP)盆栽绿植观赏植物花卉租赁免费pbootcms网站模板为花卉盆栽租赁、园林绿化企业打造的PbootCMS网站模板，采用较新内核开发，PC与移动端数据实时同步。通过清新自然的视觉设计，精准展现植物养护、花卉展示等业务场景，帮助用户快速建立专业级行业网站。查看源码
(PC+WAP)货运物流快递仓储货架pbootcms网站模板下载本模板基于PbootCMS开发，为货运物流、快递配送、仓储货架等行业设计，支持PC+WAP自适应，确保在电脑、手机、平板等设备上均能流畅访问。适用于物流公司、仓储企业查看源码
(自适应)html5中英双语通用机械设备pbootcms模板下载本模板基于PbootCMS内核精心开发，为机械设备制造企业量身打造。设计风格大气稳重，充分展现机械行业的专业特质与技术实力。采用HTML5技术构建，支持中英文双语切换，满足国际化业务需求。整站布局合理，充分展示企业产品、案例与服务，帮助访客快速了解企业核心优势。查看源码
(自适应)五金配件机械加工设备pbootcms模板免费下载这款基于PbootCMS开发的网站模板为五金配件和机械加工行业设计，采用简洁有力的设计风格，突出工业产品的专业性和可靠性。模板结构清晰，功能完善，能够有效展示各类工业产品的技术参数和应用场景。查看源码