HTML 有一個標籤相當常使用,那就是 <table>,我們真的常常需要在網站上放置表格呈現資料,有時候會想將表格內的儲存格(<th>,<td>)合併,HTML 就有提供兩個屬性,分別可以以列或行合併儲存格(<th>,<td>),也就是「colspan="數字"」或「rowspan="數字"」,數字填寫要合併的儲存格數量。範例中也特別將使用的屬性填至表格內供大家參考。 以下提供範例網頁原始碼的截圖與預覽結果: ▲示範截圖。 See the Pen 「合併儲存格」範例 - HTML - 萌芽の網頁設計實驗室 by Feng, Cheng-Chi (@qwe987299) on CodePen. ▲示範結果。 ✎ 參考資料 · References HTML <td> colspan Attribute(W3Schools) HTML <td> rowspan Attribute(W3Schools) 贊助廣告 ‧ Sponsor advertisements 無縮圖 CSS:邊框動態效果 📆 2013-01-01 📁 網站技術, CSS 【網站架設】XOOPS:架設全功能的入口網站 📆 2015-08-27 📁 網站技術, 架站程式 JS:展開/收起 📆 2013-12-31 📁 網站技術, JavaScript Easing 函數速查表:網頁動畫執行速度函數查詢,可用 CSS、SCSS 或 jQuery 📆 2019-02-08 📁 網站技術, HTML, CSS, JavaScript, jQuery 【論壇經營】Discuz! X3.1 修復無法修改頭像 📆 2014-11-08 📁 網站技術, 架站程式, Discuz! Brackets 擴充功能「Brackets Icons」:為左側樹狀檔案列表加入類型圖示 📆 2018-09-20 📁 軟體應用, 網站技術 【架站資源】ihost.tw免費虛擬主機服務 📆 2014-01-23 📁 網站技術, 架站資源 YOURLS:建立自己的短網址系統 📆 2016-02-27 📁 網站技術, 架站程式 《上一篇》JavaScript「alert()」提示視窗的使用 《下一篇》CSS3「border-radius」基礎圓角製作教學
留言區 / Comments
萌芽論壇