根據提供的圖像設計 HTML 表格
P粉536909186
P粉536909186 2023-09-14 21:34:49
0
1
393

我需要根據上圖的表格結構製作一個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學習者快速成長!