如何在td中创建Html表tr

时间:2016-08-29 03:55:04

标签: html css

我正在尝试在html中创建表。我有以下设计来创建。我在td中添加了tr,但不知道表格是不是按照设计创建的。enter image description here

任何人都可以建议我如何实现这一目标。

我无法在图像中创建圆角区域

AidanS我按你的建议累了但是我变得像这样 enter image description here

这是我的HTML代码

<table>
  <tr>

  <th></th>
    <th>Action Plan</th>
    <th>Condition</th>
  </tr>
 <tr>


  </tr>
  <tr>
 <td>01.</td>
    <td>Advance payment</td>
    <td>$100</td>
  </tr>
  <tr>
 <td>02.</td>
    <td>Bidding </td>
    <td>$80</td>
  </tr>
    <tr>
 <td>03.</td>
    <td>Sending price & details of the vehicle  </td>
    <td>$80</td>
  </tr>

    <tr>
 <td>04.</td>
    <td>Receiving customer confirmation  </td>
    <td>$80</td>
  </tr>

     <tr>
 <td>05.</td>
    <td>Sending invoice & detail sheet for LC  </td>
    <td>$80</td>
  </tr>

  <tr>
 <td>06.</td>
    <td>Opening LC with the bank by customer   </td>
    <td>$80</td>
  </tr>

   <tr>
 <td>07.</td>
    <td>Receiving the copy of LC  </td>
    <td>$80</td>
  </tr>

   <tr>
 <td>08.</td>
    <td>Sending the shipping details   </td>
    <td>$80</td>
  </tr>

    <tr>
 <td>09.</td>
    <td>Sending current details & refunding the Advance payment   </td>
    <td>$80</td>
  </tr>

  <tr>
 <td>10.</td>
    <td>Receiving the balance money from customer   </td>
    <td>$80</td>
  </tr>
   <tr>
 <td>11.</td>
    <td>Sending “Gramaniladari documents "   </td>
    <td>$80</td>
  </tr>
    <tr>
 <td>12.</td>
    <td>Clearing vehicle documents from the bank by customer.  </td>
    <td>$80</td>
  </tr>

  <tr>
 <td>13.</td>


      <td><table><tr>
                    <td>name1</td>
                    <td>price1</td>
                </tr>

                <tr>
                    <td>name1</td>
                    <td>price1</td>
                </tr>


</table> </td>

    <td>$80</td>
  </tr>
  <tr>


</table>

2 个答案:

答案 0 :(得分:3)

试一下

   <table width="100%" border="1">
  <tr>
<td colspan="3">&nbsp;</td>
<td width="25%">&nbsp;</td>
  </tr>
  <tr>
<td width="25%">&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
   <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td rowspan="5">&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td width="12%">1</td>
<td width="38%">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>2</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>3</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>4</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
  </tr>
</table>

答案 1 :(得分:0)

我认为这就是你想要的

<table>
   <tr>
      <td><table><tr><td>Text here</td></tr></table></td>
   </tr>
</table>