HTML+CSS教程:表格Table元素网页制作技巧

2013-09-26 21:55:58  来源:网页教学网 

网页制作Webjx文章简介:table元素在HTML中用于呈现表格数据。你可以把它作为一个描述和展示可用于电子表格的数据的方法。

样式美化后的表格

一些深度,视觉上不同的标题,和一个终端匹配的标题。

当表格被鼠标悬浮时,只有当前高亮行的文本时保持黑色的,其他行的文本颜色淡化处理。另外记住一点:表格自身设置圆角时需要设置border-collapse: separate;

这里是另外一个在non-hovered行进行模糊处理的例子:

Twitter Bootstrap 的表格样式非常简单:

这一个,作为奖励,还具有键盘控制:

我一直努力保持收集精心设计的表格的习惯以便作为参考。因此如果你发现了任何精美的表格,请与我分享。Hong Kiat 也有一个精美表格集合

更多