卡卡網(wǎng)

本文要介紹的實(shí)例，要求同時(shí)固定Table表格的第一行(表頭)、最后一行以及第一列。

本文介紹如何使用CSS固定table表格第一行（表頭）和第一列。

今天做了幾個(gè)樣式不錯(cuò)的大氣通用表格Table CSS樣式，給大家分享一下。

前面文章介紹過(guò)《CSS實(shí)現(xiàn)：固定Table表頭和第一列》，今天介紹一下，如何用CSS實(shí)現(xiàn)：固定Table表頭和表腳。

當(dāng)表格內(nèi)容太多的時(shí)候，固定表頭不讓標(biāo)題滾出屏幕外，是一個(gè)很人性化的設(shè)計(jì)；而當(dāng)橫向項(xiàng)目?jī)?nèi)容太多時(shí)，固定第一列（項(xiàng)目列）也是一個(gè)很貼心的設(shè)計(jì)。本文介紹如何用CSS實(shí)現(xiàn)固定Table表頭和第一列。

我們?cè)谠O(shè)計(jì)表格樣式的時(shí)候，很多時(shí)候會(huì)把表格設(shè)計(jì)成圓角，這樣看起來(lái)會(huì)更加美觀。本文介紹兩個(gè)圓角表格實(shí)例。

本文介紹3款精美漂亮的CSS3表格，這3款表格特別適用于需要進(jìn)行項(xiàng)目對(duì)比的價(jià)格表格。

本文給大家介紹一個(gè)比較有趣的CSS Table表格，鼠標(biāo)移到表格上時(shí)，鼠標(biāo)所在行放大高亮顯示。

本文給大家介紹一個(gè)漂亮的CSS價(jià)格表格，它與其他表格的不同在于，它最下面一行是匯總行，在背景顏色和文字大小上要有所突出。

有時(shí)候我們要在表格上直接看到某項(xiàng)（列）的數(shù)值排序，升序降序只需點(diǎn)擊一下列表頭，操作簡(jiǎn)單，用戶體驗(yàn)卻很好。

當(dāng)我們想把表格數(shù)據(jù)以圖表形式呈現(xiàn)出來(lái)時(shí)，本文介紹的這個(gè)范例，是無(wú)需寫代碼，便能直接把表格數(shù)據(jù)創(chuàng)建成SVG圖表呈現(xiàn)出來(lái)，簡(jiǎn)單又實(shí)用，非常適合不懂代碼或要求不高的人使用。

一個(gè)表格(table)，當(dāng)你設(shè)置了table和td的border寬度之后，你會(huì)發(fā)現(xiàn)單元格td與td之間有一點(diǎn)空隙，看起來(lái)整個(gè)表格不夠緊湊美觀。

本文介紹當(dāng)鼠標(biāo)移到表格上，高亮顯示鼠標(biāo)所在列和行。

有時(shí)候表格數(shù)據(jù)展示需要左右水平滾動(dòng)表格列，但是第一列可能是主體列需要固定起來(lái)，因此就有了本文介紹的實(shí)例——表格(Table)固定第一列，其余列可水平滾動(dòng)。

當(dāng)表格往上滾動(dòng)的時(shí)候，表頭固定不動(dòng)，這樣可以讓用戶時(shí)刻看清每一列的數(shù)據(jù)含義，這是人性化的設(shè)計(jì)，充分考慮了用戶使用體驗(yàn)。本文將通過(guò)5個(gè)實(shí)例，來(lái)介紹這種表格設(shè)計(jì)。

本文介紹4款簡(jiǎn)單常見(jiàn)的純CSS表格(table)樣式。

如果你要設(shè)計(jì)一張同時(shí)兼容PC和移動(dòng)設(shè)備的響應(yīng)式網(wǎng)頁(yè)，那么響應(yīng)式表格(Responsive Table)就變得非常必要，本文精心收集了4款響應(yīng)式表格實(shí)例，代碼簡(jiǎn)潔，幾乎可以拿來(lái)即用。

今天介紹一個(gè)非常好用的JQuery插件，它可以把網(wǎng)頁(yè)或某個(gè)div或table表格內(nèi)容轉(zhuǎn)為圖片并下載保存。

Table表格顏色，默認(rèn)時(shí)是整個(gè)表格每行每列的顏色都一樣，這很容易產(chǎn)生視覺(jué)疲勞，因此，較友好的設(shè)計(jì)是TR單雙行顏色相間而不同。

本文介紹一個(gè)table表格樣式，是一種很友好的看著很舒服的表格樣式，常見(jiàn)用于教程站里。這也是是個(gè)十分通用的table表格樣式，可以說(shuō)大部分網(wǎng)頁(yè)都適用。