转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
HTML 表格特效整理         ★★★★

HTML 表格特效整理

作者:闵涛 文章来源:闵涛的学习笔记 点击数:1289 更新时间:2009/4/23 11:11:21

两种细线表格做法


[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"
无论大图还是文字,一律限制。