news 2026/5/30 22:08:04

web前端(HTML)银行汇款单的制作

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
web前端(HTML)银行汇款单的制作

要制作以上表格,首先我们要明白制作该表格需要用到的知识点

一、表格的属性

1.表格的边框 boder属性来实现

2.表格的宽和高
width表示表格宽度 height表示表格的高度

3.表格的对齐
表格的对齐方式需要使用align属性 ,取值有left center right

4.表格的背景
背景颜色:bgcolor
背景图片:background

5.如果背景颜色和背景图片同时存在的时候,背景图片会遮住背景颜色
表格的间距和边距
边距:cellpadding ------ 指的是单元格内的元素距离单元格边缘的距离
间距:cellspacing ------ 表示单元格和单元格之间的距离

6.cellpadding="10"表示的是边距为10px cellspacing="20" 表示间距是20px
如果不设置这两个值,它们的默认值为2px

注意:表格内的tr和td也可以设置宽和高以及背景颜色

二、表格的嵌套

1.表格的嵌套指的是将一个表格放到另一个表格的单元格中,可以用来布局

三、表格的合并

1.单元格跨行、跨列(合并行和合并列)

2.wspan="2" 表示的是在单元格垂直方向跨的行数(合并行)
colspan="2" 表示的是在单元格水平方向跨的是列数(合并列)

四、由以上知识点可推出代码为下图所示:

最后运行代码,得如图所示页面

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/28 12:19:07

Kotaemon行业模板库:法律/医疗/金融专属预配置

Kotaemon行业模板库:法律/医疗/金融专属预配置 你是不是也遇到过这种情况:作为一名律师,手头有大量合同、判决书、法规条文需要快速查阅和分析,于是尝试用市面上流行的AI文档问答工具——比如Kotaemon,结果却发现它“…

作者头像 李华
网站建设 2026/5/30 2:01:45

GHelper终极方案:三阶诊断法实现ROG设备性能优化200%

GHelper终极方案:三阶诊断法实现ROG设备性能优化200% 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops. Control tool for ROG Zephyrus G14, G15, G16, M16, Flow X13, Flow X16, TUF, Strix, Scar and other models 项目地址…

作者头像 李华
网站建设 2026/5/29 2:06:44

HunyuanVideo-Avatar:AI驱动多角色情感对话视频神器

HunyuanVideo-Avatar:AI驱动多角色情感对话视频神器 【免费下载链接】HunyuanVideo-Avatar HunyuanVideo-Avatar:基于多模态扩散Transformer的音频驱动人像动画模型,支持生成高动态、情感可控的多角色对话视频。输入任意风格头像图片与音频&a…

作者头像 李华
网站建设 2026/5/28 12:19:07

运营必备技能:快速制作海报素材的AI抠图方案

运营必备技能:快速制作海报素材的AI抠图方案 1. 技术背景与核心价值 在数字内容创作日益频繁的今天,运营人员经常需要为社交媒体、电商页面或宣传海报准备高质量的视觉素材。其中,图像抠图是高频且耗时的关键环节——无论是更换产品背景、合…

作者头像 李华
网站建设 2026/5/29 1:26:55

X-AnyLabeling姿态估计:10个最常见问题终极解答

X-AnyLabeling姿态估计:10个最常见问题终极解答 【免费下载链接】X-AnyLabeling Effortless data labeling with AI support from Segment Anything and other awesome models. 项目地址: https://gitcode.com/gh_mirrors/xa/X-AnyLabeling X-AnyLabeling作为…

作者头像 李华