網(wǎng)頁設(shè)計中有時候會使用到table這個標簽來在網(wǎng)頁中插入表格,那么,在table中怎樣設(shè)置td的寬度呢?td指的就是單元格,下面小編來講解。
<tr> <td width="13%" style="text-align: center;"><strong>30% Off </strong></td>
</tr>
上面是對 表格單元格字體
單元格行占比13%寬度
文字居中顯示
加粗顯示。
對于文字進行 字體設(shè)置 如何設(shè)置呢?
答案如下:
<tr> <td width="13%" style="text-align: center; font-size:40px"><strong>30% Off </strong></td>
在 style 中去加 font-size: 字體屬性 就可以了。
代碼和效果如下:
<table class="jbEidtTable" border="1" cellspacing="0" cellpadding="5" style="border-color: rgb(229, 230, 233); width:1000px; border-collapse: collapse;">
<tbody>
<tr> <td width="13%" style="text-align: center;"><strong>Discount</strong></td>
<td width="25%" style="text-align: center;"><strong>CouponCode</strong></td>
<td width="25%" style="text-align: center;"><strong>Pic</strong></td>
<td width="25%" style="text-align: center;"><strong>Product Info & Link</strong></td>
</tr>
<tr> <td width="13%" style="text-align: center; font-size:40px"><strong>30% Off </strong></td>
</tr>
效果: