两种细线表格做法
[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 全部选择 提示:你可先修改部分代码,再按运行]
根据单元格内容加亮
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
VML做圆脚表格
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
最后,还请关注蓝色理想的另篇《表格边框魔鬼教程》
http://www.blueidea.com/tech/web/2003/302.asp
出处:蓝色理想
责任编辑:cnbruce
◎进入论坛网页制作、网站综合版块参加讨论
|