您现在的位置是：首页 > 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列表页调用会员任意字段信息的方法

图文教程

相关源码

html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发，专为新闻资讯类网站打造，同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码
(PC+WAP)五金机械设备营销型模板下载带在线留言为机械设备制造商设计的营销型模板，集成产品参数对比系统、产品展示模块和询价管理功能。采用PbootCMS开发内核，PHP7+运行环境。手工编写语义化HTML5结构，CSS3动画优化交互体验。查看源码
(PC+WAP)企业管理工程造价资产评估财务审计带留言网站模板本模板基于PbootCMS内核开发，为工程造价咨询、财务审计类企业量身打造，同时支持多行业快速适配。采用PC+WAP双端同步设计，数据实时互通，助您高效展示企业形象与服务能力。查看源码
(自适应)蓄电池能源智能数码科技产品pbootcms模板源码下载本款基于PbootCMS开发的网站模板为蓄电池及能源科技企业设计，特别适合锂电池、储能系统、新能源电池等产品的展示与推广。查看源码
(自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板，基于PbootCMS系统开发。突出多语言支持和国际化布局，三级栏目结构清晰展示产品分类，响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码
WordPress主题模板JustNews资讯博客类源码V5.2.2JustNews主题针对博客创作、自媒体运营及资讯发布类网站的需求而设计，提供专业的内容展示与管理方案。该主题集成前端用户中心功能，支持用户在前端界面发布和投稿文章，操作流程简洁高效。查看源码