4

使用しているページのヘッダーを変更できないコンテンツ管理システムを使用しています。私が作成しているページは、他のユーザーが WYSIWYG エディターを使用して編集し、ユーザーが新しいドキュメントをアップロードできるテーブルを含めます。これを CSS でスタイル設定して、1 つのコマンドで各行の間に線を挿入できるようにしたい (これは各ユーザーが毎回実行する必要はありません - ユーザーは方法を知らない可能性が高いため) が、毎回私はこれを行いますが、何も表示されません。私のコードの試みは以下のとおりですが、これは可能ですか?

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

2 に答える 2

3

私が知っているわけではありません。しかし、あなたはこれを行うことができます

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

これにより、この特定のテーブルの<td/>要素のみが必要に応じてスタイル設定されます。注: w3c 仕様によると、ドキュメントの要素<style/>内でのみ許可されます。<head/>しかし、多くのブラウザーでは、<body/>. あなたはハックのようなものを探しているので、これはあなたにとって実行可能な解決策かもしれません

于 2012-04-23T09:17:13.167 に答える
1

要素のあまり知られていない2つの属性frameとを使用できます。rulestable

<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 に答える