社区
学习
工具库
AI工具
休闲
搜索
简体中文
首页 > web前端 > html教程 > 关于HTML表格边框的设置的技巧

关于HTML表格边框的设置的技巧

不言
发布： 2018-06-09 15:46:11
原创
2447 人浏览过

下面为大家带来一篇有关HTML表格边框的设置小技巧。内容挺不错的，现在分享给大家，也给大家做个参考

对于很多初学HTML的人来说，表格

是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。

一般我们用表格的时候总会给它个border属性，比如：

，其效果如下：

对于很多初学HTML的人来说，表格

是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。

一般我们用表格的时候总会给它个border属性，比如：

，其效果如下：

但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为

之间的边框没有重合所致。修改表格的border-collapse属性即可，

即

<table border="1px" cellspacing="0px" >
登录后复制

再给表格加个颜色，

<table border="1px" bordercolor="#000000" cellspacing="0px" >
登录后复制

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

HTML中使背景图片自适应浏览器大小

实例详解PHP中html word 互转的方法

以上是关于HTML表格边框的设置的技巧的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html
来源：php.cn
上一篇：html中table表格的内容水平和垂直居中显示 下一篇：如何在html中显示JSON数据
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
输入<html><>后是怎么变成<html></html>的
来自于 1970-01-01 08:00:00
0
0
0
angular.js - 有谁知道吗用ng-bind-html绑定html。但是html却被转义了
来自于 1970-01-01 08:00:00
0
0
0
HTML与HTML5的区别
来自于 1970-01-01 08:00:00
0
0
0
HTML总结
来自于 1970-01-01 08:00:00
0
0
0
HTML总结
来自于 1970-01-01 08:00:00
0
0
0
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板