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

dedecms文章页加边框的css代码

王悟营2023-10-21DedeCMS教程已有人查阅

导读dedecms的文章页边缘部分是没有边框的，这样虽然看上去很大气，但是在你加上广告后，特别是文章左边环绕广告的时候就会发现，文章页看上去很乱，下边是详细教程：

dedecms的文章页边缘部分是没有边框的，这样虽然看上去很大气，但是在你加上广告后，特别是文章左边环绕广告的时候就会发现，文章页看上去很乱，下边是详细教程：
首先找到：\templets\default\style\page.css
找到这个文件后，用软件或者记事本打开，找到一下代码：

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

修改为：

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

注意：
1、#BADAA1这个是颜色代码，就是控制边框颜色
2、width:710px;此处改为710的原因是为了留出2px的地方来显示右边边框，否则右边是没有边框的，被挡到了

本文标签：

很赞哦！ ()

上一篇：dedecms5.7修改文章保存后发布时间不改变的方法

下一篇：dedecms列表页调用会员任意字段信息的方法

图文教程

相关源码

响应式电脑维修办公用品维护pbootcms网站模板模板介绍(自适应手机版)响应式电脑修理公司pbootcms网站模板-蓝色HTML5电脑修理维修店网站源码下载PbootCMS内核开发的营销型网站模板，该模查看源码
(自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发，专为重型机械设备行业设计，特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术，确保各类设备参数和图片在不同终端上都能清晰展示。查看源码
(自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计，基于PbootCMS内核开发。通过自适应手机端的HTML5技术，帮助企业高效构建专业财税服务平台查看源码
(自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板，采用PbootCMS内核开发，可快速搭建企业级产品展示平台，数据实时同步管理。查看源码
(自适应)游泳馆泳池水处理器设备pbootcms网站模板免费下载专注服务于泳池水处理设备制造商、泳池系统工程商等企业用户。模板预设设备分类体系、技术参数展示模块和解决方案呈现页面，满足行业特有展示需求。查看源码
(自适应)品牌策划网络设计作品公司个人pbootcms网站源码下载本款基于PbootCMS开发的网站模板专为品牌策划、设计公司打造，特别适合展示创意作品、设计案例和企业服务。模板采用现代化设计风格查看源码