Entwerfen Sie eine HTML-Tabelle basierend auf dem bereitgestellten Bild
P粉536909186
P粉536909186 2023-09-14 21:34:49
0
1
382

Ich muss eine HTML-Tabelle basierend auf der Tabellenstruktur im Bild oben erstellen. Ich habe viele Möglichkeiten ausprobiert, aber ich schaffe es nicht.

Bitte helfen Sie mir beim Erstellen einer HTML-Tabelle.

P粉536909186
P粉536909186

Antworte allen (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
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!