当前位置 :| 主页>知识库>

如何画Table单线边框?

来源:易族智汇 作者:李志富 时间:2008-08-14 Tag:html   table   页面   点击:778

在页面设计时,如果需要画出单线的表格来,最简单的思路莫过于如下代码:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>ccc</td><td>ddd</td></tr>
</table>
而这样做的结果其实并不理想,效果如下:

aaa bbb
ccc ddd

还有一种做法是以Style来分别画四个边框,这样的做法又不利于程序循环控制。
我们通常的做法是,指定Table的bgcolor为需要的边框色,指定格间距(cellspacing)为边框宽度,再指定TD的bgcolor为正常的颜色。代码如下:
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#333333">
  <tr>
    <td bgcolor="#FFFFFF">aaa</td>
    <td bgcolor="#FFFFFF">bbb</td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF">ccc</td>
    <td bgcolor="#FFFFFF">ddd</td>
  </tr>
</table>
效果如下:

aaa bbb
ccc ddd

上一篇:没有了
下一篇:webservice系列教学
最新评论共有 2 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
联系我们

业务联系:刘先生
电话:010-84821737
手机:13331002660
Q Q:25106942
技术支持:李先生
电话:010-84825799
Q Q:20487473


邮箱:enation@126.com