table 细边框
类别:Web前端 浏览量:1454
时间:2015-3-30 table 细边框
table 细边框方式1
设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了。
方式2
设置BORDER=0 ,再通过CSS,给Table加上1px的border-top,border-left,然后再设置所有的td的border-right,border-bottom,这样也能达到所要的效果。
方式3
设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;}
其中,border-collapse有两个属性,separate 和 collapse
1、separate是默认属性,表格边框默认有1px 的间隙
2、collapse,是将表格边框的间隙去掉,这样给表格的td边框赋值时就不会产生双线框了
例如
<table>
<tr>
<th>table head (row1, col1)</th>
<th>table head (row1, col2)</th>
<th>table head (row1, col3)</th>
</tr>
<tr>
<td>table data (row1, col1)</td>
<td>table data (row1, col2)</td>
<td>table data (row1, col3)</td>
</tr>
<tr>
<td>table data (row2, col1)</td>
<td>table data (row2, col2)</td>
<td>table data (row2, col3)</td>
</tr>
</table>
table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
th{font-weight:bold;background:#ccc;}
标签:table
您可能感兴趣
- table rowspan和colspan
- mysql 建表命令注释(mysql alter table命令修改表结构实例详解)
- DataTable的增删改查操作
- sql server创建的表在哪(浅析SQL Server授予了CREATE TABLE权限但是无法创建表)
- vuex-table行列转换效果(vue3+el-table实现行列转换)
- vue3封装table组件(Vue封装通用table组件的完整步骤记录)
- mysqltruncate分区自定义参数(MySQL truncate table语句的使用)
- csstable元素设置(CSS设置table下tbody的滚动条的实现)
- Linq操作Datable
- csstable列宽固定(css display table 自适应高度、宽度问题的解决)
- datatable和list的转换
- table单元格固定宽度
- html中table怎么用(详解CSS的table-layout属性的用法)
- Jquery实现table表格行的添加、删除
- bootstraptable使用教程(bootstrap Table的使用方法总结)
- docker 网络映射启动失败(解决docker安装完成报:bridge-nf-call-iptables is disabled问题)
- vivo首款智能手表来了 也有血氧饱和度监测,一次充电18天续航(vivo首款智能手表来了)
- 你知道 七夕 的真正含义吗(你知道七夕的真正含义吗)
- 七夕的寓意(七夕的寓意)
- 苏志燮赵恩静结婚,韩国四大公共财产变三人,这么快就有替补了(苏志燮赵恩静结婚)
- 《内在美》后,一大波新韩剧来袭,李钟硕朴信惠宋慧乔玄彬回归(一大波新韩剧来袭)
- 给孩子选购保温杯,注意这4个步骤,比颜值更重要(给孩子选购保温杯)
热门推荐
- laravel分页(laravel5.5添加echarts实现画图功能的方法)
- 媲美serv-u开源ftp(个人FTP建站域名解析serv-u常见问题解决方法之完全解决方案)
- yii2和laravel框架哪个比较简单(关于Yii中模型场景的一些简单介绍)
- docker容器管理技巧(Docker容器编排实现过程解析)
- python拖动选择文件操作(python通过paramiko复制远程文件及文件目录到本地)
- linux内核设备树(解析Linux内核与设备树的编译和烧写)
- laravel队列不超时(在laravel中实现事务回滚的方法)
- python如何将运行结果存入txt中(详解python读取和输出到txt)
- mysql如何修改列的默认值(mysql查询的时候给字段赋默认值操作)
- 阿里云域名解析在哪里(阿里云服务器实现域名解析步骤小白教程)