HTML+CSS教程:表格Table元素网页制作技巧
2013-09-26 21:55:58 来源:网页教学网
| 网页制作Webjx文章简介：table元素在HTML中用于呈现表格数据。你可以把它作为一个描述和展示可用于电子表格的数据的方法。 |
样式美化后的表格
一些深度,视觉上不同的标题,和一个终端匹配的标题。
当表格被鼠标悬浮时，只有当前高亮行的文本时保持黑色的，其他行的文本颜色淡化处理。另外记住一点：表格自身设置圆角时需要设置border-collapse: separate;
这里是另外一个在non-hovered行进行模糊处理的例子：
Twitter Bootstrap 的表格样式非常简单：
这一个，作为奖励，还具有键盘控制：
我一直努力保持收集精心设计的表格的习惯以便作为参考。因此如果你发现了任何精美的表格，请与我分享。Hong Kiat 也有一个精美表格集合。