当前位置导航:炫浪网>>网络学院>>网页制作>>JavaScript教程

网页特效-制作有立体感的表格

<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>有立体感的表格</TITLE></HEAD><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></BODY></HTML>
相关内容
赞助商链接