在维基百科上的HTML家族树样式

时间:2016-01-21 13:33:09

标签: html css family-tree

维基百科经常将家谱纳入其文章中。可以在这里找到一个例子:

https://en.wikipedia.org/wiki/Monarchy_of_Belgium#List_of_Kings_of_the_Belgians

如果我查看上述族树的HTML源代码,我就无法看到它们如何使空表格单元格不被绘制边框。

有人能指出我控制此系列树中单元格样式的样式代码吗?我想重现一个家谱,但只是剪切和粘贴<table> </table>内容失败。我得到的只是一个巨大的网格。

2 个答案:

答案 0 :(得分:0)

使用谷歌浏览器(例如),而不是右键单击并选择&#34;查看页面源&#34;选择下一个选项&#34; Inspect&#34;打开开发工具侧栏。您将看到应用于每个元素的源代码和样式,包括来自样式表的样式以及它们直接应用于标记的内联样式。

修改: 我已经将标记和样式提取到jsFiddle,您必须为每个标准缩小所有匹配的样式。进入一种风格宣言。

#TABLE_1 {
  color: rgb(37, 37, 37);
  height: 1651px;
  width: 1211px;
  perspective-origin: 605.5px 825.5px;
  transform-origin: 605.5px 825.5px;
  border-spacing: 0px 0px;
  font: normal normal normal normal 14px / 22.4px sans-serif;
  outline: rgb(37, 37, 37) none 0px;
}

等等

答案 1 :(得分:0)

我最终弄清楚问题是什么。在我的HTML源代码中,我链接到一个默认的CSS文件,我总是将其用于所有HTML项目。事实证明,CSS里面有代码,它在每个单元格周围都画了黑线。