新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注
您目前的位置:网站首页 > 新闻资讯 > 网站常识 >

9.05日音讯,网页制作中表格border设置的技巧

发布日期:2013-09-05文章来源:首创网络浏览次数:789次
    9.05日音讯,网页制作中表格border设置的技巧。对于很多初学HTML的人来说,表格table是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。 一般我们用表格的时候总会给它个border属性,比如:tableborder=1,其效果......
    本文关键字:9.05日,音讯,网页制作,中,表格,border,设置,的,
   9.05日音讯,网页制作中表格border设置的技巧。对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。
  一般我们用表格的时候总会给它个border属性,比如:<tableborder="1">,其效果如下:
  可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<tableborder="1px"cellspacing="0px">,效果如下:
  但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,
  即<tableborder="1px"cellspacing="0px"style="border-collapse:collapse">
  再给表格加个颜色,<tableborder="1px"bordercolor="#000000"cellspacing="0px"style="border-collapse:collapse">
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市互联网大厦A座F层C区