首页 > 网站 > WEB开发 > 正文

几种有立体感谢的表格的作法

2024-04-27 13:57:46
字体:
来源:转载
供稿:网友
<!--  把下面代码加到<body>区域中 -->
<style type="text/CSS">
<!--
td {font-family: "宋体"; font-size:12px}
-->
</style>
      <div align="center">
        <table width="750" border="0" cellspacing="0">
          <tr>
            <td>
              <table width="30%" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE">
                <tr>
                  <td width="50%" height="18">A</td>
                  <td width="50%" height="18"> </td>
                </tr>
                <tr>
                  <td width="48%" height="18"> </td>
                  <td width="52%" height="18">  </td>
                </tr>
              </table>
            </td>
            <td>
              <table width="30%" border="1" cellspacing="2" cellpadding="0" bgcolor="#40A4EE">
                <tr>
                  <td width="50%">B</td>
                  <td width="50%"> </td>
                </tr>
                <tr>
                  <td width="46%"> </td>
                  <td width="54%">  </td>
                </tr>
              </table>
            </td>
            <td>
              <table width="40%" border="1" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE">
                <tr>
                  <td width="50%">C</td>
                  <td width="50%"> </td>
                </tr>
                <tr>
                  <td width="50%"> </td>
                  <td width="50%"> </td>
                </tr>
              </table>
            </td>
          </tr>
     
  <tr>
    <td height="131" colspan=3>
      <p align="left">A表格的参数:border="1" cellspacing="0" cellpadding="0"
        bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE"</p>
      <p align="left">B表格的参数:border="1" cellspacing="2" cellpadding="0"
        bgcolor="#40A4EE"</p>
      <p align="left">C表格的参数:border="1" bordercolor="#FFFFFF"
        bordercolorlight="#000000" bgcolor="#40A4EE"</p>
      <p align="left"> </p>
      </td>
  </tr>
 
</table>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表