细表格的实现

最新推荐文章于 2022-03-18 11:01:08 发布

jlhaoran

最新推荐文章于 2022-03-18 11:01:08 发布

阅读量442

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/haoranli/article/details/72783817

版权

HTML 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>很细边线的表格实现</title>
</head>
<body>
 <table cellpadding="10" align="center" bordercolor="#ff99ff" border="1" rules="all">
   <caption><font size="4" color="#ff99ff">VIP会员申请表   <font size="3"  color="#ff99ff">No:</font></caption>
    <tr>
      <th><font size="3" color="#ffccff">会员姓名</font></th>
      <td width="100"></td>
      <td width="80"><font size="3" color="#ffccff">出生日期</font></td>
      <td width="80"></td>
    </tr>

    <tr>
     <th><font size="3" color="#ffccff">身份证号</font></th>
      <td colspan="3"></td>
    </tr>
     <tr>
      <th><font size="3" color="#ffccff">通讯地址</font></th>
      <td colspan="3"></td>
    </tr>
     <tr>
      <th><font size="3" color="#ffccff">联系电话</font></th>
      <td colspan="3"></td>
    </tr>
     <tr>
      <th><font size="3" color="#ffccff">会员卡号</font></th>
      <td colspan="23></td>
    </tr>
 </table>
 
</body>
</html>

这里通过 rules="all" 实现了边框细化

rules 的属性有如下

none

	没有线条。
groups	位于行组和列组之间的线条。
rows	位于行之间的线条。
cols	位于列之间的线条。
all	位于行和列之间的线条。