`
ling凌yue月
  • 浏览: 339210 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

html 实现单线表格

阅读更多
方法一、
    常规方法:
   
<table width="400" align="center" bordercolor='black' border='1' style="border-collapse: collapse">
		<tr>
			<td colspan=2>a&nbsp;</td>
		</tr>
		<tr>
			<td rowspan=2>c&nbsp;</td>
			<td>d&nbsp;</td>
		</tr>
		<tr>
			
			<td rowspan=2>f&nbsp;</td>
		</tr>
  </table>

方法二、
     另一个角度思考问题:
<table width="400" align="center" bgcolor='black'>
		<tr bgcolor='#FFFFFF'>
			<td colspan=2>a&nbsp;</td>
		</tr>
		<tr bgcolor='#FFFFFF'>
			<td rowspan=2>c&nbsp;</td>
			<td>d&nbsp;</td>
		</tr>
		<tr bgcolor='#FFFFFF'>
			
			<td rowspan=2>f&nbsp;</td>
		</tr>
  </table>


方法三、
    多方位思考问题: 此法是用div+css 不想写了,有时间再说吧
分享到:
评论

相关推荐

    给表格设置不重叠的边框(单线边框)的2种方法

    总结,这两种方法都能有效地解决表格边框重叠的问题,实现单线边框的效果。选择哪种方法取决于具体的设计需求和对边框控制的精度。在实际开发中,可以根据实际情况灵活运用,并结合其他CSS属性,如`border-radius`...

    table转换div

    通过CSS,你可以精确控制div的布局、间距、边框、背景等属性,实现与原来表格相同或更优的效果。例如,使用`border-collapse: collapse;`来模仿表格的单线边框,用`padding`来设定单元格内的内容间距。 6. **响应式...

    网页设计与制作知识点 (2).docx

    双线边框和单线边框的表格是常见的设计元素,占位表格则常用于预留空间。文字超链接是网页的基本交互方式,包括一般链接、锚链接(内部链接)和email链接。图像链接和热区链接可以实现点击特定图像区域跳转到其他...

    扁平的企业营业额统计管理ui框架模板 .zip

    9. **table-data-tables.html**:这个文件可能包含DataTables插件的实现,这是一个强大的表格增强工具,支持排序、搜索、分页等功能,使数据管理更加便捷。 10. **mail-inbox.html**:邮件收件箱页面设计,可能包含...

    江苏省成人计算机统考上机操作模拟题.pdf

    4. 边框设置:使用“边框”工具,为表格区域A3:E23设置外框线为红色最粗单线,内框线为蓝色最细单线。 5. 创建图表:基于A3:A23和E3:E23区域数据,插入数据点折线图,设置图表标题为“男性人口比重变化图”,关闭...

    调用word对话框

    以上只是部分对话框的功能描述,每个对话框都对应Word的一个特定功能或设置,通过VBA可以访问并控制这些对话框,从而实现自动化处理或定制Word的工作流程。通过学习和掌握VBA,能够极大地提升Word的使用效率和灵活性...

    网趣商城网站源文件

    新增强大的订单文本打印输出,替换掉原有的带有表格颜色及背景色等不方便的打印,新增的打印可以以纯文本加普通单线黑表格方式进行打印订单,方便归纳与统计,并具有当前打印日期显示功能! 旗舰版独有支持商城...

    7z网上购物

    本功能以纯文本加普通单线黑表格方式进行打印订单,方便归纳与统计!  六、前台导航条支持订单搜索,方便及时查看订单的实时状况 七、支持发货管理,填写物流公司及单号后发货,系统自动进入发货状态。 八、...

    Shop7z网上购物系统旗舰版 商城网站源码

    本功能以纯文本加普通单线黑表格方式进行打印订单,方便归纳与统计!  六、前台导航条支持订单搜索,方便及时查看订单的实时状况 七、支持发货管理,填写物流公司及单号后发货,系统自动进入发货状态。 八、商品...

Global site tag (gtag.js) - Google Analytics