课时39.细线表格(理解)

2018-06-24 02:26:48来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  • 请你设计出以下图片里的这个样式的表格

  • 步骤:
  1. 我先来制作一个两行两列的表格

                          

2.将table里的cellspacing设置成0

     

外边距是不见了,但是和我们想要完成的图片有一定的差距,我们发现这样做出来的图片好像是两条线合并到了一起一样,实际上确实是两条线合并到了一起的,它是将每个单元格的边距和表格的边距重叠到了一起才有的这个图形。所以应该在这里添加一段注释,如下图

  • 那我们应该怎么做呢?

现在我们要学一个全新的属性,将table标签里的属性全部删除

         

然后我们给表格添加背景颜色

      

然后我们将第一行tr设置成白色的背景

     

然后将第二行也设置成白色,并且将cellspacing设置成1px

     

  • 细线表格的制作方式:
  1. 给table标签设置bgcolor
  2. 给tr标签设置bgcolor
  3. 给table标签设置cellspacing=“1px”

注意点:

  1. table标签和tr标签以及td标签都支持bgcolor属性

        

2.但是以上内容仅仅作为了解,因为样式以后都是通过css来控制

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML总结

下一篇:课时28.假链接(掌握)