根据提供的图像设计 HTML 表格
P粉536909186
P粉536909186 2023-09-14 21:34:49
0
1
367

我需要根据上图中的表格结构制作一个html表格。我尝试了很多方法,但我做不到。

请帮我创建 Html 表格。

P粉536909186
P粉536909186

全部回复 (1)
P粉148782096

在这里,我在标题单元格上使用colspan使其占据多个单元格的宽度,然后在单元格上使用rowspan使其垂直扩展多行。

这可以让你 90% 的图片显示出来。垂直/旋转文本是可能的,但不是这个问题的内容,所以我没有做这一部分。

table{ border-collapse: collapse; } td,th { padding: 3px; border: 1px solid #333; } th { background: #CCC; } .blank { background: #FFF; border: none; }
Attribute Name 1
Attribute 1 Value 1 Attribute 1 Value 2 Attribute 1 Value 3 Attribute 1 Value 4
Attribute Name Attribute 2 Value 1 Price Category 1
Price Category 2
Price Category 3
Price Category 4
Attribute 2 Value 2 Price Category 1
Price Category 2
Price Category 3
Price Category 4
Attribute 2 Value 3 Price Category 1
Price Category 2
Price Category 3
Price Category 4
Attribute 2 Value 4 Price Category 1
Price Category 2
Price Category 3
Price Category 4
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!