专注于潍坊seo及其周边网站优化,网站关键词排名,整站优化服务 QQ:110405 手机:13792666111
2012-3-4资源共享
表格粗细表格边框
 views

HTML表格边框粗细的设置小技巧

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。

一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:

ID NAME GENDER
1001 mike male

可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<table border="1px" cellspacing="0px">,效果如下:

ID NAME GENDER
1001 mike male

但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

ID NAME GENDER
1001 mike male

再给表格加个颜色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">

ID NAME GENDER
1001 mike male

日志信息»

转载请标明出处:http://www.5dw.org/Archives/20120304584.html
该日志由 潍坊seo 于 2012-3-4 20:49:0 发表,所属分类:资源共享。欢迎您 发表评论引用 本日志。您还可以通过 Rss2.0 订阅本日志的所有评论。
上一篇:ASP等动态语言网站做SEO时站内搜索应该注意的问题 下一篇:火狐浏览器怎么设置主页

相关日志»

评论(0)

发表评论»