您现在的位置是：首页 > 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内核开发，具备卓越的视觉表现力与商业转化能力。自适应设计确保在手机端呈现产品细节，后台数据实时同步，助您高效展示钻石查看源码
(自适应)英文外贸电子设备网站模板三级子目录基于PbootCMS内核开发的响应式英文网站模板，为外贸企业打造，支持多行业快速适配。通过简洁高效的代码架构，帮助企业低成本构建专业海外形象，实现更好客户触达与订单转化。查看源码
(PC+WAP)蓝色智能环保机械设备网站营销型pbootcms模板下载本模板基于PbootCMS系统开发，为环保设备制造企业设计，特别适合展示环保机械、智能装备等产品。采用响应式技术，确保各类设备参数和技术方案在不同终端上都能清晰展示。查看源码
(PC+WAP)企业管理工程造价资产评估财务审计带留言网站模板本模板基于PbootCMS内核开发，为工程造价咨询、财务审计类企业量身打造，同时支持多行业快速适配。采用PC+WAP双端同步设计，数据实时互通，助您高效展示企业形象与服务能力。查看源码
(自适应响应式)HTML5电脑手机电子数码产品配件pbootcms模板下载本模板为电脑配件、手机配件及数码周边产品企业设计，基于PbootCMS内核开发。采用现代化响应式布局，适配各类移动设备，能够专业展示各类电子产品配件参数、应用场景和技术特点。模板内置多种产品展示模块，满足不同类型配件企业的展示需求。查看源码
(自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计，采用PbootCMS内核开发，具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架，有效提升企业在移动端和搜索引擎中的专业形象。查看源码