怎么在html中设置表格边框-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

怎么在html中设置表格边框

怎么在html中设置表格边框?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

十多年的通江网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整通江建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“通江网站设计”,“通江网站推广”以来,每个客户项目都认真落实执行。

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

准备一段表格的html代码,通过该段代码,显示浏览器对table标签的默认渲染。代码如下:








    
         col_1
         col_2
         col_3
    
    
         value_1
         value_2
        value_3
   


怎么在html中设置表格边框

为table设置内边框,可以看出table标签的默认样式是没有边框的。现在我们为table添加一个边框,只需要在style标签添加如下代码:

怎么在html中设置表格边框

怎么在html中设置表格边框

取消单元格间的空白,上一步骤中, 虽然设置行内的边框,但是单元格之间的空白往往不是我们想要的,所以我们可以通过下面的代码设置:

怎么在html中设置表格边框

怎么在html中设置表格边框

为表格设置外边框,代码如下:

怎么在html中设置表格边框

设置行边框,相对对于单元格边框设置,行边框的设置更加常见。我们只需要使用如下代码

怎么在html中设置表格边框

怎么在html中设置表格边框

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


网页题目:怎么在html中设置表格边框
文章源于:http://kswsj.cn/article/pseppp.html

其他资讯