模仿一个属性页

test.css 
.addForm_titleName{
   padding-left:8px;
   background-image:url(images/addform_bg.gif);
   padding-left:2px;
   word-break:break-all;
   background-color:#eeeeee;
    border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: dotted;
 border-bottom-style: dotted;
 border-top-color: #C1C1C1;
 border-bottom-color:#C1C1C1;*/
}

.addForm_titleName2{
   padding-left:8px;
   background-image:url(images/down.gif);
   padding-left:2px;
   word-break:break-all;
   background-color:#eeeeee;
    border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: dotted;
 border-bottom-style: dotted;
 border-top-color: #C1C1C1;
 border-bottom-color:#C1C1C1;*/
}

test.htm

<link href="./test.css" rel="stylesheet" type="text/css">

<table width="560"  border="0" cellspacing="0" cellpadding="0">
    <td valign="top" style="padding-left:8px;padding-top:2px;">
 <table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr><td height="3"></td></tr>
          <tr>
         
           <td class="addForm_titleName"  height="22" style="left:5px;position:absolute;width:500px">
           <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="top:0px; position:absolute; ">
                     <tr>
                                <td style="padding-left:5px;;cursor:hand;font-size:12px;top:0px;position:absolute;" onClick="down1.style.visibility='visible';down2.style.visibility='hidden';">项目基本信息1</td>
                        </tr>
                </table>
                </td>
               
                <td class="addForm_titleName"  height="22" style="left:190px;position:absolute;width:500px">
            <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="top:0px; position:absolute;">
                 <tr>
                                <td style="padding-left:5px;;cursor:hand;font-size:12px" onClick="down1.style.visibility='hidden';down2.style.visibility='visible';">项目基本信息2</td>
                        </tr>
                </table>
                </td>

    <td class="addForm_titleName"  height="22" style="left:380px;position:absolute;width:500px">
            <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="top:0px; position:absolute;">
                 <tr>
                                <td style="padding-left:5px;;cursor:hand;font-size:12px" onClick="down1.style.visibility='hidden';down2.style.visibility='hidden';">项目基本信息3</td>
                        </tr>
                </table>
                </td>

    <td class="addForm_titleName2" id="down1" height="20" style="height:8px;top:31px;left:180px;position:absolute;width:600px;visibility:hidden" ></td>
    <td class="addForm_titleName2" id="down2" height="20" style="height:8px;top:31px;left:360px;position:absolute;width:420px;visibility:hidden"></td>
               
          </tr>
          <tr><td height="3"></td></tr>
       </table>
       </td>
       </tr>
</table>

本文地址：http://com.8s8s.com/it/it31020.htm