html各种样式table具体设置方法

最近做了一个需要在文章正文插入表格的博客,关于怎样正确显示table边框显示搞的我头疼,虽然table是很早就会的标签,但是因为实际用的并不多,所以每用一次就要百度搜一次,刚好放在博客里方便后期查阅。

首先做一个默认的表格

   <table>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
        <tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
    </table>

这时默认是只显示表格内的内容,没有边框显示的

设置border=1

<table border="1">

这时所有的边框都加上了,但是显示并不美观

设置cellspacing=0

<table border="1" cellspacing="0">

这时由于单元格间距设置为0,显示相对美观

设置cellpadding=0

<table border="1" cellspacing="0" cellpadding="0">

这时表格的边距和间距都为0,这样看起来更像我们常用的实线表格,而且比较美观

至于其他设置,对于我们日常建站基本没什么用处,就不分享了。

参考来源:https://www.cnblogs.com/leona-d/p/6125896.html