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

图文教程

相关源码

(PC+WAP)蓝色钢结构机械五金工程建筑基建营销型pbootcms模板下载于PbootCMS开发的钢结构与工程机械专用模板，助力企业构建专业级产品展示平台；模板内置工程案例展示、产品参数对照表等专业模块，预设项目进度、施工方案等建筑行业专属栏目查看源码
帝国cms自适应古诗词古籍名句网站整站带数据基于帝国CMS打造的专业古诗词文化网站模板，专注于古典文学内容的展示与传播。模板设计蕴含传统文化韵味，支持诗词鉴赏、名句赏析、古籍整理等特色功能，为诗词爱好者提供优质的在线阅读体验。查看源码
(自适应)响应式文章博客互联网新闻pbootcms模板下载本模板基于PbootCMS开发，专为科技新闻、互联网资讯和文章博客类网站设计。采用响应式布局技术，确保在电脑、平板和手机上都能获得最佳浏览体验。适用于科技媒体、行业博客查看源码
(PC+WAP)中英双语户外用品帐篷装备pbootcms网站模板下载这款基于PbootCMS开发的中英文双语模板专为户外装备行业设计，适配PC和移动设备。模板采用现代化设计风格，突出户外产品的功能性和实用性，帮助企业建立专业的国际化展示平台。查看源码
(PC+WAP)激光水幕音乐喷泉设备工程网站源码下载本模板基于PbootCMS系统开发，为喷泉设备工程类企业设计，特别适合展示音乐喷泉、激光水幕等水景艺术项目。采用响应式技术，确保各类工程案例在不同设备上都能呈现视觉效果。查看源码
响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板，为茶叶茶道企业设计，同时支持古玩字画、艺术文化等行业的快速适配，通过替换文字图片即可转型为其他行业官网，大幅降低开发成本。查看源码