• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    table合并单元格与img图片铺满整个td的html
    源代码(删除了些Class):

    复制代码
    代码如下:

    <table>
    <thead>
    <tr><th colspan=2 >买家:易小麦</th></tr>
    </thead>
    <tbody>
    <tr>
    <td rowspan=4 >
    <img src="../img/103.jpg" width="100%" height="100%">
    </td>
    <td >物品名称:移动电源</td>
    </tr>
    <tr><td >单价:¥28 元</td></tr>
    <tr><td >数量:<input type="text" id="goods_number" ></td></tr>
    <tr><td >卖家:易大麦</td></tr>
    </tbody>
    <tfoot>
    <tr>
    <td>支付方式:
    <select class="w100">
    <option value ="e">虚拟账户</option>
    <option value ="r">现金账户</option>
    <option value="b">网上银行</option>
    </select>
    </td>
    <td>总价:<span id="total_price">0</span>万元</td>
    </tr>
    </tfoot>
    </table>

    效果图:
     

    单元格——行合并(rowspan)
    单元格——列合并(colspan)
    图片占满<td>——设置width和height为100%
    上一篇:通过CSS样式实现的html背景色渐变效果
    下一篇:通过CSS实现的html背景色渐变
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    table合并单元格与img图片铺满整个td的html table,合并,单元格,与,img,