中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
table 單元格的寬度, 以及居中設(shè)置

table設(shè)置td寬度
聽語音


  • |
  • 瀏覽:1608
  • |
  • 更新:

網(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>


效果:








工具/原料

  • 電腦
  • dreamweaver

方法/步驟

  1. 第一步,打開dreamweaver軟件新建一個表格,如圖,使用<table></table>標簽對。

  2. 接著就是新建一行,使用<tr></tr>標簽對,然后使用<td></td>標簽對新建三個單元格。

  3. 接著我們在設(shè)計視圖里面預(yù)覽一下,如圖,可以看到一行三列的表格。

  4. 接著我們在<td>里面添加一個“width”屬性,width表示的就是寬度,如圖所示。

  5. 然后給第一和第二個表格添加寬度,如圖,第三個就不用添加,因為前兩個已經(jīng)確定,所以第三個也已經(jīng)確定。

  6. 當然,也可以使用百分比來設(shè)定單元格的寬度,效果也是一樣的。

  7. 如圖,我們可以看下網(wǎng)頁效果,三個表格的寬度都不一樣了。

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
代碼學習群簡易教程(14)
鎖定首列其他列寬度自適應(yīng)HTML效果演示_HTML學習_開發(fā)學院
在線編輯部
自制的空間日志邊框(一)
漂亮的文字制作(三)
圖片制作【霧化與字體】
更多類似文章 >>
生活服務(wù)
熱點新聞
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服