三種細線表格做法



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



立體表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



表格的邊框不斷在閃



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



不用嵌套製作同一行放兩個表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



另類圓角表格製作



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



虛線邊框表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



分類型表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



變色的單元格1,通過a:hover做.



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



變色的單元格2,已經做成了CSS,注意還有透明效果。



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



變色的單元格3,通過mouse事件做.有點微軟的味道。



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



透明表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



表格邊框顯示外陰影



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



限製表格的大小。

style="table-layout:fixed;word-break:break-all"

無論大圖還是文字,一律限制。



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



VML做圓腳表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]





[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]





[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



表格行換色

a,效果達到了,但應用不大。



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



b,利用腳本來控制



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]

c,表格和控制分開,只需要指定表格 id 即可



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]

d,做成了樣式表



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



根據單元格內容加亮



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



單擊表格換色



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]



動態編輯表格



[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]





[Ctrl+A 全部選擇進行拷貝 提示:可先修改部分代碼,再點擊運行]

狼翔月影 發表在 痞客邦 PIXNET 留言(0) 人氣()