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