Question

我正在使用内容管理系统，它不允许我改变我正在使用的页面的头部。我正在创建的页面将由其他人使用WYSIWYG编辑器进行编辑，并将包含一个用户可以上传新文档的表格。我想用CSS设置这个样式，这样我就可以给一个命令在每一行之间放一条线（这不需要每次都由每个用户完成 - 因为它们可能不知道怎么做），但每次都是我这样做它没有显示任何东西。我的代码尝试在下面，这可能吗？

<table width=600px cellSpacing=2 cellPadding=2 style="td {border-bottom: solid 1px black;" }">

Answer 1

不是我知道的。但你可以这样做

<style type="text/css">
  .specialtable td {
    border-bottom: 1px solid black;
  }
</style>
<table width=600px cellSpacing=2 cellPadding=2 class="specialtable">
  ...
</table>

这将确保只根据您的需要设置此特定表格的<td/>元素。注意：根据w3c specs，<style/>仅允许在文档的<head/>元素中。但是在许多浏览器中，如果将它放在<body/>中的任何位置，它仍然有效。既然您正在寻找一种黑客，这对您来说可能是一个可行的解决方案

Answer 2

您可以使用frame和rules两个鲜为人知的table元素属性。

<table cellpadding="3" cellspacing="0" frame="below" rules="rows">
    <tr><td>one</td><td>two</td></tr>
    <tr><td>three</td><td>four</td></tr>
    <tr><td>five</td><td>six</td></tr>
</table>

请参阅jsFiddle。

或者，如果您只希望行之间的行而不是行之下的行，请忽略frame="below"。

但这并不适用于所有浏览器。

我可以在表格的内联样式属性中包含td {}吗？

2 个答案: