致远天阔网络科技公司模板建站平台!

您现在的位置: 首页>>建站教程>>安装问题

「PbootCMS后台表格数据前台不显示边框?7步定位CSS/模板冲突问题」

来源:本站 发布时间:2025-04-27热度:8 ℃
pbootcms模板后台添加了表格,前台页面上不显示表格边框将下面的css代码加到对应的模板,模板路径:template文件夹下面的news.html或者product.html,将代码加到文件的最下···

pbootcms模板后台添加了表格,前台页面上不显示表格边框

将下面的css代码加到对应的模板,模板路径:template文件夹下面的news.html或者product.html,将代码加到文件的最下面空白处即可

1<style>

2/*!表格专用css*/

3table{max-width:100%;border-collapse:collapse;border-spacing:0}table,.table{width:100%;margin-bottom:18px}table th,.table th,table td,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #ddd}table th,.table th{font-weight:bold}table thead th,.table thead th{vertical-align:bottom}table thead:first-child tr th,.table thead:first-child tr th,table thead:first-child tr td,.table thead:first-child tr td{border-top:0}table tbody+tbody,.table tbody+tbody{border-top:2px solid #ddd}.table-condensed th,.table-condensed td{padding:4px 5px}table{border:1px solid #ddd;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}table th+th,table td+td,table th+td,table td+th{border-left:1px solid #ddd}table thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child{}.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5}table th{background:#fffbe9}.table th,.table td{vertical-align:middle}

4</style>



本文地址:http://www.jianghe365.com/anzhuang/89.html

在线客服
服务热线

服务热线

18086822540

微信咨询
二维码
返回顶部