HTML表格的代码和属性,html表格代码、标签及属性-优快云博客

这篇博客分享了多种HTML表格的样式代码，包括不同宽度、颜色、边框大小和背景图片的组合，以及表格内的内容对齐方式。内容涵盖了多层宽边框、双层边框、多行多列表格以及单元格的水平和垂直对齐方法，为网页设计提供了丰富的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多层宽边框代码

cellPadding=0 width=900 bgColor=#8b0000 border=1 collapse?

BORDER-COLLAPSE:>

borderColorDark=#ffd700 cellPadding=0 width=835 bgColor=#ffd700

borderColorLight=#ffd700

background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/112.files/001.gif

border=2>

cellPadding=0 width=826 bgColor=#9400d3

border=1>

borderColor=#ffff00 cellSpacing=3 borderColorDark=#ffff00

cellPadding=0 width="100%" bgColor=#ffff00 borderColorLight=#ffff00

background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/112.files/001.gif

border=1>

borderColorDark=#9999ff cellPadding=0 width=801 bgColor=#9999ff

borderColorLight=#9999ff border=1>

borderColorDark=#ff0000 cellPadding=0 width=788 bgColor=#ff0000

borderColorLight=#ff0000

background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/112.files/001.gif

border=1>

borderColor=#da70d6 cellSpacing=0 borderColorDark=#da70d6

cellPadding=0 width="100%" bgColor=#da70d6 borderColorLight=#da70d6

border=1>

align=center>

用表格颜色代码做的边框

永不失效

多层边框代码:

align=center>

borderColor=#800000 cellSpacing=2 cellPadding=3 width=740

bgColor=#e6e6fa border=10>

cellPadding=3 width="100%" bgColor=#e6e6fa

border=5>

cellPadding=3 width="100%" bgColor=#e6e6fa

border=15>

cellPadding=3 width="100%" bgColor=#e6e6fa

border=5>

borderColor=#f73809 cellSpacing=2 cellPadding=3 width=630

bgColor=#e6e6fa border=5>

size=7>

color=#000000

size=3>

内容

双层边框代码:

style="WIDTH: 750px; HEIGHT: 178px" cellSpacing=5

borderColorDark=#9400d3 cellPadding=20 width=843

borderColorLight=#ff4500 border=20>

cellPadding=0 width="100%" borderColorLight=#9400d3

border=12>

size=7>内容

制作多列行表格修改行列数字

输入内容

2行表格代码：

borderColor=#8O0000 cellSpacing=15 cellPadding=0 width="100%"

bgColor=#ffb6C1 border=10>

color=#0000ff>输入内容

输入内容

多行表格代码

borderColor=#9400d3 cellSpacing=10 cellPadding=0 width="100%"

bgColor=#fff0f5 border=12>

color=#00008b>输入内容

输入内容

2列表格代码

cellPadding=0 width="100%" bgColor=#bdb76b

border=10>

color=#00008b>输入内容

内容

3列表格代码:

borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="100%"

bgColor=#bdb76b border=5>

内容内容内容

输入内容

行列合并2行2列代码

cellPadding=0 width="100%" bgColor=#f0e68c

border=10>

color=#800000>输入内容

行列合并6行3列代码:

align=center>

cellPadding=0 width=660 bgColor=#000000

border=10>

单元格里水平及垂直方向对齐的方式

默认对齐(不设置)

水平：居中

垂直：靠顶

代码： vAlign=top align=middle>

水平：居中

垂直：默认

代码:align=middle

水平：右对齐

垂直：靠底

代码： vAlign=bottom align=right>

代码：

background=http://image8.360doc.com/DownloadImg/2010/04/0801/2796715_1.gif

border=1 aligh="center">

background=http://www.lixiaomeng.com/user1/3219/upload/20061171608.gif

border=0 aligh="center">

cellPadding=10 width="100%" borderColorLight=#7b93b7

border=5>

height=200>

size=4>默认对齐(不设置)

bgColor=#e6e6fa height=200>

style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#000000

size=4>水平：居中
垂直：靠顶

代码： vAlign=top

align=middle>

height=200>

size=4>水平：居中
垂直：默认
代码:align=middle

bgColor=#ffefd5 height=200>

style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#000000

size=4>水平：右对齐
垂直：靠底
代码：

vAlign=bottom

align=right>

用表格颜色代码做的边框永不过期