您现在的位置是:首页 > 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;
}
这样内容部分的边框添加完成。

本文标签:

很赞哦! ()

相关源码

  • (自适应手机端)锁锁芯锁具网站pbootcms模板 智能防盗锁网站源码下载本模板基于PbootCMS系统开发,为智能锁具、防盗锁芯及相关安防产品企业设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验,数据实时同步更新。查看源码
  • (自适应)包装机贴标机设备网站源码免费下载基于PbootCMS内核开发的响应式企业模板,为包装机械、贴标设备等工业领域打造,通过数字化展示提升企业专业形象。查看源码
  • pbootcms模板(自适应)花店鲜花花卉园艺网站源码一款基于PbootCMS内核开发的花店鲜花配送与花卉园艺企业网站模板。该模板采用响应式设计,自动适配手机、平板等移动设备,确保用户在任何设备上都能获得优质浏览体验。查看源码
  • (自适应响应式)装修装潢设计公司网站源码下载本模板为装修设计企业打造,采用PbootCMS内核开发,整体设计突出空间美学与功能性结合。首页采用大图轮播展示工程案例,服务项目模块支持三维效果展示,呈现装修设计企业的专业形象与技术实力。查看源码
  • (自适应响应式)蓝色外贸英文产品介绍展示网站模板本模板采用手工编写的DIV+CSS架构,代码精简高效。适配手机端浏览,数据实时同步更新。内置SEO优化框架,支持独立设置各页面标题、关键词及描述。开源代码结构清晰,便于二次开发。查看源码
  • (自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外,通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐