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

织梦默认article_article.htm文章内容部分添加边框的方法

傲蕾2024-08-26DedeCMS教程已有人查阅

导读用织梦默认模板建站时，文章页内容部分没有边框，没有边界，很不美观，如下图红圈处，本文教新手站长通过调整默认的样式来给内容页的内容部分添加边框。

用织梦默认模板建站时，文章页内容部分没有边框，没有边界，很不美观，如下图红圈处，本文教新手站长通过调整默认的样式来给内容页的内容部分添加边框。
1、给“当前位置”一行的两端添加边框。
打开/templets/default/style/page.Css ,找到下面代码

.pleft .place{
width:712px;
height:24px;
line-height:24px;
background:transparent url(../images/green_skin.png) repeat-x scroll 0 -188px;
border-top:1px solid #BADAA1;
border-bottom:1px solid #BADAA1;
text-indent:12px;
color:#428C5B;
overflow:hidden;
}

改成下面代码

.pleft .place{
width:710px;
height:24px;
line-height:24px;
background:transparent url(../images/green_skin.png) repeat-x scroll 0 -188px;
text-indent:12px;
color:#428C5B;
overflow:hidden;
border: 1px solid #BADAA1;
}

改完后，当前位置两端边框添加完成，
2、给文章部分添加边框
同样在page.Css中找到如下代码：

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

改成下面代码：

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

这样内容部分的边框添加完成。

本文标签：

很赞哦！ ()

上一篇：织梦图片水印的添加和删除方法

下一篇：织梦dedecms打补丁的方法

图文教程

相关源码

(自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板，采用PbootCMS内核开发，可快速搭建企业级产品展示平台，数据实时同步管理。查看源码
(自适应)帝国cms7.5模板新闻资讯门户带会员中心基于帝国CMS7.5内核开发的HTML5响应式模板，为新闻机构、媒体门户及资讯聚合平台设计。通过模块化布局实现图文混排查看源码
(自适应)简繁双语响应式服装服饰西装工装校服定制pbootcms模板本模板基于PbootCMS内核开发，为服装服饰行业量身打造，尤其适合西装定制、工装生产、校服订制等服装类企业使用。模板采用响应式布局设计，确保在手机、平板、电脑查看源码
(PC+WAP)楼承板建筑工程合金钢铁材料pbootcms网站源码下载为楼承板生产商及建筑工程企业设计的响应式网站模板，采用PbootCMS内核开发，同步适配电脑与移动设备浏览。通过模块化结构展示工程案例、产品参数等专业内容，帮助建筑建材企业建立标准化数字展示平台，提升行业专业形象。查看源码
(自适应)蓝色五金制品配件管件pbootcms网站源码下载基于PbootCMS内核开发的五金行业专用模板，采用响应式设计架构，确保产品展示在各类移动设备上的呈现。通过模块化布局与工业风视觉设计，帮助五金企业高效展示产品规格、应用场景及技术支持，建立专业可靠的行业形象。查看源码
(自适应响应式)运动健身瑜伽俱乐部网站pbootcms源码下载为健身瑜伽俱乐部设计的响应式网站模板，采用PbootCMS内核开发，可快速搭建专业级企业官网。模板默认适配运动健身行业视觉风格，用户可通过替换图文内容灵活应用于其他服务行业。查看源码