2017-08-24 55 views
0

增量大小表格内

<table class="table table-hover table-striped" border="5"> 
 
       <tbody> 
 
        <tr border="5"> 
 
         <td border="5">Local IP Address</td> 
 
         <td border="5"> 
 
          <input type="text" class="form-control" aria-describedby="basic-addon1"> 
 
         </td> 
 

 
        </tr> 
 
        <tr border="5"> 
 
         <td border="5">Local Netmask</td> 
 
         <td border="5"> 
 
          <input type="text" class="form-control" aria-describedby="basic-addon1"> 
 
         </td> 
 

 
        </tr> 
 
        <tr> 
 
         <td>Default Gateway</td> 
 
         <td> 
 
          <input type="text" class="form-control" aria-describedby="basic-addon1"> 
 
         </td> 
 

 
        </tr> 
 

 
       </tbody> 
 
      </table>

你好我尝试递增表内行,但我只是让外线递增的大小...

即时通讯使用

  <table class="table table-hover table-striped" border="5"> 
       <tbody> 
        <tr> 
         <td>Local IP Address</td> 
         <td> 
          <input type="text" class="form-control" [(ngModel)] ="LocalIpAddress[1]" aria-describedby="basic-addon1"> 
         </td> 

        </tr> 
        <tr> 
         <td>Local Netmask</td> 
         <td> 
          <input type="text" class="form-control" [(ngModel)] ="LocalNetmask[1]" aria-describedby="basic-addon1"> 
         </td> 

        </tr> 
        <tr> 
         <td>Default Gateway</td> 
         <td> 
          <input type="text" class="form-control" [(ngModel)] ="DefaultGateway[1]" aria-describedby="basic-addon1"> 
         </td> 

        </tr> 

       </tbody> 
      </table> 

和我正在此:

table

我该怎么做才能得到一个增量在内线的大小..?

+0

哪里CSS? –

+0

@NawedKhan css文件为空 –

回答

1

试试这个:

<html> 
    <style> 
    .table-striped td { 
     border: 2px solid #000; 
    } 
    </style> 
    <table class="table table-hover table-striped" border="5"> 
        <tbody> 
         <tr> 
          <td>Local IP Address</td> 
          <td> 
           <input type="text" class="form-control" [(ngModel)] ="LocalIpAddress[1]" aria-describedby="basic-addon1"> 
          </td> 
         </tr> 
         <tr> 
          <td>Local Netmask</td> 
          <td> 
           <input type="text" class="form-control" [(ngModel)] ="LocalNetmask[1]" aria-describedby="basic-addon1"> 
          </td> 
         </tr> 
         <tr> 
          <td>Default Gateway</td> 
          <td> 
           <input type="text" class="form-control" [(ngModel)] ="DefaultGateway[1]" aria-describedby="basic-addon1"> 
          </td> 
         </tr> 
        </tbody> 
       </table> 
    </html> 
0

在tr或td标签中使用style =“border:5”。 TR是行和TD列相信

+0

不工作:/。 –

+0

检查我刚刚添加的代码段代码! –

+0

对不起,我已经使用html了。试试这个 - > style =“border:5”< - 在带有箭头的tr和td标签内 –