您现在的位置是：首页 > 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内核开发的响应式博客模板，为数字营销、技术分享类内容打造。采用前沿设计理念，兼顾内容展示与阅读体验，适配各类终端设备。通过本模板可快速构建专业级行业博客，有效传播专业知识与案例成果。查看源码
(自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板，采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发，专为新闻资讯类网站打造，同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码
(自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计，采用现代化科技风格，突出产品的智能特性和技术创新。模板架构合理，功能完善，能够有效展示各类智能产品的核心功能和解决方案。查看源码
(响应式)蓝色智能摄像头安防防盗电子设备免费pbootcms源码下载这是一款针对智能安防行业特点设计的网站模板，采用蓝色系配色方案，体现科技感和安全性。模板包含产品展示、解决方案、技术支持和新闻中心等核心模块，能够全面展示智能安防设备的技术特点和行业应用。查看源码
(自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板，为早教中心、培训学校等教育机构打造，提供从技术架构到视觉呈现的全套网站建设方案。查看源码