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

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1961
收藏 0 赞 0 分享
源代码(删除了些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%
更多精彩内容其他人还在看

在页面中调用搜索引擎以调用百度为例

在自己的页面中调用google、百度这样强大的搜索引擎想必很酷,经搜索还真有,下面是调用百度的一个代码段
收藏 0 赞 0 分享

form的默认提交方式修改方法

html的默认提交方式为get而不是post,如果想变成post必须修改,不知道的朋友可以了解下本文
收藏 0 赞 0 分享

html中的图片直接使用base64编码后的字符串代替

网页中的图片是使用base64编码后的字符串代替了,这个叫做Data URI scheme,下面有个不错的示例,大家可以参考下
收藏 0 赞 0 分享

一个手机自适应的网页效果解决显示页面很小的问题

这篇文章主要介绍了一个手机自适应的网页效果解决显示页面很小的问题,需要的朋友可以参考下
收藏 0 赞 0 分享

form表单中什么隐藏属性可以随表单提交

这篇文章主要介绍了关于form表单提交什么隐藏属性也可以提交数据,需要的朋友可以参考下
收藏 0 赞 0 分享

通过CSS样式实现的html背景色渐变效果

在html中可以轻松实现背景色渐变的下面是一个通过CSS实现的示例,大家若感兴趣,可以参考下
收藏 0 赞 0 分享

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

这篇文章主要介绍了table合并单元格与img图片铺满整个td的html,需要的朋友可以参考下
收藏 0 赞 0 分享

通过CSS实现的html背景色渐变

大家看到的html背景色渐变是通过CSS实现的,个人感觉还不错,可以清楚的看到图片
收藏 0 赞 0 分享

多个div中table的tdwidth设置一样也不法对齐

最近发现多个div中table的td就算调成一样的width也无法对齐,后来发现了解决方法,提到table-layout: fixed,经设置效果相当不错,大家可以参考下
收藏 0 赞 0 分享

html标准写法与dreamweaver自动生成的不一样

大家在使用html的过程中,基本上都是使用dreamweaver自动生成的,而下面要介绍的html写法和以往有所不一样,感兴趣的朋友可以参考下
收藏 0 赞 0 分享
查看更多