css 修改table边框的样式，修改单元格样式、间距

我们在调table的边框样式时，经常会出现单元格和表格的样式重叠，而造成某条边框的的异常粗，或者异常细。

修改单元格间距:

cellspacing="0"

修改table标签的样式：

<table border="1" style="width:100%;text-align:center;border:1px solid #ccc;" cellspacing="0">

<tr>

<td colspan="3">合计</td>

</tr>

<tr>

<td width="33.3%">灾害点</td>

<td width="33.3%">户数</td>

<td width="33.3%">人数</td>

</tr>

<tr>

<td> </td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="3">地质灾害搬迁</td>

</tr>

<tr>

<td width="33.3%">隐患点</td>

<td width="33.3%">户数</td>

<td width="33.3%">人数</td>

</tr>

<tr>

<td> </td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="3">洪涝灾害搬迁</td>

</tr>

<tr>

<td width="33.3%">隐患点</td>

<td width="33.3%">户数</td>

<td width="33.3%">人数</td>

</tr>

<tr>

<td> </td>

<td></td>

<td></td>

</tr>

</table>

边框粗细不一致：

table {

border-collapse:separate !important;

border: 1px solid #ddd;

}

td{

padding: 8px 0;

border: 1px solid #eee;

}

tr.tableList:nth-of-type(2n+1){

background-color: #f8f8f9;

}

tr.tableList:nth-of-type(2n){

background-color: #fff;

}

tr.tableList:hover{

background-color:#f0faff;

}

css 修改table边框的样式，修改单元格样式、间距相关推荐

自动化办公之excel教程（3）：数据编辑操作，表格的美化操作，应用表格样式和单元格样式，制作报销汇总单
一.数据编辑操作 1.填充数据填充数据见上一节自动化办公之EXCEL教程(2):各种数据的输入,自动填充数据,表格操作小技巧 2.查找和替换数据第一步:开始选项卡里找到查找或者Ctil+F 第 ...
POI中设置（居中，字体，边框等）Excel单元格样式
创建sheet什么的就不多说了,直接进入正题HSSFCellStyle cellStyle = wb.createCellStyle(); 一.设置背景色:cellStyle.setFillForeg ...
XSSFWorkbook 设置单元格样式_openpyxl3.0官方文档（25）—— 使用样式
介绍样式用于控制表格内容在屏幕上显示时的外观.它们还用于确定数字的格式. 样式可以应用于以下方面: 字体设置字体大小.颜色.下划线等. 填充以设置图案或颜色渐变 border在单元格上设置边框单元 ...
XSSFWorkbook 设置单元格样式_这个 Excel 技巧太实用了，如何快速套用自定义的单元格样式？...
今天的推文,主要目的是教大家一个鲜有人知道,却又非常实用的技巧. 我们在日常工作中经常需要将数据表的字体.颜色等调整成统一的样式,如果需要设置的数据表比较多,当然不能每次都重复劳动,那么一般人怎么操作 ...
CSS设置表格行列,给bootstrap table设置行列单元格样式
1.根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式 columns: [{ field: 'index', title: '序号', align:"center" ...
python-docx 设置Table 边框样式、单元格边框样式
python-docx 设置Table 边框样式.单元格边框样式 from docx.oxml.ns import qn from docx.oxml import OxmlElement from ...
python之excel文件打印设置，及单元格样式修改
#!/usr/bin/env python # -*- encoding: utf-8 -*- ''' @文件 :nclass_score_5terms.py @说明 :excel文件单元格格式批量修 ...
xlsx-style使用(导出表格及修改单元格样式)
xlsx-style使用(导出表格及修改单元格样式) 针对导出表格需要与xlsx配合使用,通过xlsx的方法生成sheet对象然后在对象上修改样式本文对xlsx-style 如何修改单元格样式做了 ...
Python|xlwt|xlrd|调整单元格样式（背景，字体，对齐、虚线边框、列宽行高、添加公式）|xlutils|openpyxl|只读与只写|图表|语言基础50课：学习（8）
文章目录系列目录原项目地址第24课:用Python读写Excel文件-1 Excel简介安装读Excel文件(行列索引从`0`开始) 写Excel文件调整单元格样式(背景,字体,对齐.虚线 ...
EasyExcel 批量设置单元格样式（字体样式、底纹样式、边框样式、对齐方式、自动换行、旋转文字、竖向文字、数据格式、自动收缩）
目录 1 Maven配置 2 CellStyleModel 3 CustomCellStyleHandler 4 调试代码 5 调试结果注: 1 Maven配置 <!--hutool工具包-- ...

css 修改table边框的样式，修改单元格样式、间距

css 修改table边框的样式，修改单元格样式、间距相关推荐

最新文章

热门文章