CSS的表格(table) - 網頁設計

我們在網頁設計時，會需要使用表格來做排版，而說到表格最基本和常見的就是table了。

一個基本的表格是由和一或多個定義表格的row(行)、colspan(列)、和組合而成的 ... 首頁 文章專區 網頁設計相關文章 CSS的表格(table) 文章專區 網頁設計相關文章 文章專區MENU 最新文章訊息 網頁設計相關文章 SEO與搜尋行銷相關 網頁程式技術探討 CSS的表格(table) 我們在網頁設計時，會需要使用表格來做排版，而說到表格最基本和常見的就是table了。

一個基本的表格是由和一或多個定義表格的row(行)、colspan(列)、和組合而成的。

定義表格的表頭（文字預設為粗體）、定義表格的資料。

寫法： SeethePen<ahref='https://codepen.io/bok770/pen/xWRVdd/'_fcksavedurl='https://codepen.io/bok770/pen/xWRVdd/'_fcksavedurl='https://codepen.io/bok770/pen/xWRVdd/'>xWRVdd</a>byYa(<ahref='https://codepen.io/bok770'_fcksavedurl='https://codepen.io/bok770'_fcksavedurl='https://codepen.io/bok770'>@bok770</a>)on<ahref='https://codepen.io'_fcksavedurl='https://codepen.io'_fcksavedurl='https://codepen.io'>CodePen</a>.     colspan屬性 表示表格欄位跨越的columns（行）數，為橫向跨越。

範例： SeethePen<ahref='https://codepen.io/bok770/pen/PRbNQV/'_fcksavedurl='https://codepen.io/bok770/pen/PRbNQV/'_fcksavedurl='https://codepen.io/bok770/pen/PRbNQV/'>PRbNQV</a>byYa(<ahref='https://codepen.io/bok770'_fcksavedurl='https://codepen.io/bok770'_fcksavedurl='https://codepen.io/bok770'>@bok770</a>)on<ahref='https://codepen.io'_fcksavedurl='https://codepen.io'_fcksavedurl='https://codepen.io'>CodePen</a>.   rowspan屬性 表示表格欄位跨越的rows（列）數，為縱向跨越。

範例： SeethePen<ahref='https://codepen.io/bok770/pen/ZxBWvO/'_fcksavedurl='https://codepen.io/bok770/pen/ZxBWvO/'_fcksavedurl='https://codepen.io/bok770/pen/ZxBWvO/'>ZxBWvO</a>byYa(<ahref='https://codepen.io/bok770'_fcksavedurl='https://codepen.io/bok770'_fcksavedurl='https://codepen.io/bok770'>@bok770</a>)on<ahref='https://codepen.io'_fcksavedurl='https://codepen.io'_fcksavedurl='https://codepen.io'>CodePen</a>. 更多文章 客製化網站和套版網站的差別-一化網頁設計 客製化網頁設計的優點-一化網頁設計 穿透的Div－CSS的pointer-events屬性 瀏覽器支援度檢測－CSS@support的用法 不用再清除float浮動了！CSS的display:flow-root屬性 網頁設計使用CSS排版對SEO的影響 什麼是RWD(響應式網頁設計、回應式網頁設計)? 回列表頁 Close 關於一化 作品展示 專案側寫 網路行銷 線上問答 文章專區 聯絡我們