html5如何让表格线看不见

这篇文章给大家分享的是有关html5如何让表格线看不见的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

成都创新互联主要从事成都网站设计、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务冷水江,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

方法:1、利用“border-style”和style属性,语法为“

”;2、可直接不给table标签设置border属性,语法为“
表格内容
”。

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5如何让表格线看不见

方法一:

利用border-style属性,border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值。

示例如下:


 
 
123 



  
    Cell A
    Cell B
  
  
    Cell c
    Cell d
  


输出结果:

html5如何让表格线看不见

方法二:

不给table元素设置border属性

示例如下:




  
    
    
  
  
    
    
  
MonthSavings
January$100

输出结果:

html5如何让表格线看不见

感谢各位的阅读!关于“html5如何让表格线看不见”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


当前标题:html5如何让表格线看不见
文章出自:http://scyanting.com/article/gccedg.html