首页 > 网站建设 >

网站制作单元格间距和单元格边距

发布时间:2019-10-07 作者:深圳网站建设

  仔细观察表格的边框,深圳网站建设公司我们可以看到单元格之间、单元格与表格边框之间都有一个间隙,这个间隙被称为单元格间距,可以通过cellspacing来设置单元格的间距。例如设置单元格的间距为0,可以让表格的边框看起来更窄,相关代码如下:
添加以上代码后,表格的效果如图5.7所示。
  目前看起来表格的边框有些粗,并不像我们设置的1个像素那么宽,这是因为虽然我们设置了表格的边框为1个像素,但是这里显示的却是两个<td>的边框。因为<td>之间并没有重合,要想看到1个像素边框的效果,需要设置表格的border-collapse属性为collapse,例如下面的代码:
  添加以上代码后,表格的边框就显示为真正的1个像素宽度,效果如图5.8所示。
  单元格的边距表示单元格的内容与单元格边的距离,可以使用cellpadding属性进行设置。例如添加以下代码,设置数据单元格边距为15px,单元格中的文本将与边框保持15个像素的距离,效果如图5.9所示。

网站建设公司本文关于“网站制作单元格间距和单元格边距”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站制作单元格间距和单元格边距
本文地址:https://www.198bona.com/news/4170.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯