4

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

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

2 回答 2

3

Not that I'm aware of. But you can do this

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

This will ensure that only this specific table's <td/> elements will be styled according to your needs. Note: according to the w3c specs, <style/> is only allowed within the <head/> element of your document. But in many browsers, it still works if you put it anywhere in the <body/>. Since you're looking for a kind of hack, this may be a viable solution for you

于 2012-04-23T09:17:13.167 回答
1

您可以使用frameand ，元素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".

不过，这不适用于所有浏览器。

于 2012-04-23T09:32:02.333 回答