HTML表格边框的设置小技巧

我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：

ID	NAME	GENDER
1001	mike	male

可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可，即：<table border="1px" cellspacing="0px">，效果如下：

ID	NAME	GENDER
1001	mike	male

但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可，

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

ID	NAME	GENDER
1001	mike	male

再给表格加个颜色，<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">

ID	NAME	GENDER
1001	mike	male

HTML表格边框的设置小技巧相关推荐

php中设置table表格边框大小,有关HTML表格边框的设置小技巧
下面小编就为大家带来一篇有关HTML表格边框的设置小技巧.小编觉得挺不错的,现在分享给大家,也给大家做个参考对于很多初学HTML的人来说,表格一般我们用表格的时候总会给它个border属性,比如: ...
html设置表格边框标签,HTML表格边框的设置小技巧_html
对于很多初学html的人来说,表格一般我们用表格的时候总会给它个border属性,比如: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的" ...
css盒模型、布局模型、 flex弹性盒模型及样式设置小技巧
一.盒模型元素分类常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl> ...
Excel表格4个打印小技巧
Excel表格4个打印小技巧目录 Excel表格4个打印小技巧一.只打印部分区域,不全部打印,框选打印区域点击[页面布局][打印区域][设置打印区域] 二.在打印预览时发现表格有几列超出打印区域, ...
linux mint图标大小,Cinnamon：LinuxMint 15桌面设置小技巧
touchwiz自身也在做不断的革新,例如7屏分页,桌面切换3d效果,增强型的下拉菜单设置等.win10多桌面最多可以支持7个桌面开启,而且win10切换多桌面是有快捷键的,可以帮助用户迅速切换或创建 ...
网络知识：分享几个路由器设置小技巧，欢迎收藏！
路由器是连接因特网中各局域网.广域网的设备.路由器的作用是用于连接不同的网络,同时选择信息传送的线路,从而实现各局域网内的设备共享网络,使其可以同时访问互联网. 今天给大家分享几个路由器设置小技巧,欢 ...
网络基础：分享几个路由器设置小技巧，总有用得到的一天！
路由器是连接因特网中各局域网.广域网的设备.路由器的作用是用于连接不同的网络,同时选择信息传送的线路,从而实现各局域网内的设备共享网络,使其可以同时访问互联网. 分享几个路由器设置小技巧,总有用得到的 ...
网络技巧：分享几个路由器设置小技巧，总有用得到的一天！
路由器是连接因特网中各局域网.广域网的设备.路由器的作用是用于连接不同的网络,同时选择信息传送的线路,从而实现各局域网内的设备共享网络,使其可以同时访问互联网. 分享几个路由器设置小技巧,总有用得到的 ...
分享几个路由器设置小技巧，总有用得到的一天！
路由器是连接因特网中各局域网.广域网的设备.路由器的作用是用于连接不同的网络,同时选择信息传送的线路,从而实现各局域网内的设备共享网络,使其可以同时访问互联网. 分享几个路由器设置小技巧,总有用得到的 ...

HTML表格边框的设置小技巧

HTML表格边框的设置小技巧相关推荐

最新文章

热门文章