本篇内容介绍了“HTML表格怎么设置边框样式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
对于边框的设置我们可以通过border属性来实现,比如给表格一个1px边框我们可以这样设置:
1
效果图:
从上图我们可以发现这样设置只有表格的外边框才有,里面的单元格都无边框,所以我们也要给内部的单元格设置边框
1
2
3
table,table tr th, table tr td {
border:1px solid #ccc;
}
效果图:
我们可以通过设置cellspacing(单元格间距), cellpadding(单元格边距)以及border-collapse: collapse(边框合并)使表格的边框合并为一个单一的边框,这样使得表格更加美观该属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示使表格更加美化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
table,table tr th, table tr td {
border:1px solid #ccc;
}
table{
免费云主机、域名 width: 400px;
border-collapse: collapse;
}
效果图:
同样通过设置border属性还可以更改表格边框的颜色“HTML表格怎么设置边框样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站,小编将为大家输出更多高质量的实用文章!免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。云技术公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州云技术计算有限公司粤ICP备17096448号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529
小编给大家分享一下在编程中前端和后端是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 在编程中,前端即网站前台部分,是运行在PC端、移动端等浏览器上展现给用户浏览的网页内容;…