テーブル枠線テスト

テーブルごとに個別の設定をしたいので、テストを行いたいと思います。

(style.css)

#content table {
border: 0px solid #e7e7e7; → 1pxから0pxに変更
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;

TinyMCE Buttons Arrangement で表を挿入 設定で
<table style=”border-color: #f3430b; border-width: 1px; border-style: solid; background-color: #ffffff;” border=”1″ frame=”border” rules=”all”> を追加

style.css では border: 0px ですが 赤の枠を表示します。

1 2
3 4

TinyMCE Buttons Arrangement セルの設定で

<tr>
<td style=”border-color: #033efb; border-style: solid; border-width: 1px;”>5</td>
<td style=”border-color: #033efb; border-style: solid; border-width: 1px;”>6</td>
</tr>
<tr>
<td style=”border-color: #033efb; border-style: solid; border-width: 1px;”>7</td>
<td style=”border-color: #033efb; border-style: solid; border-width: 1px;”>8</td>
</tr>

セルに青の枠線が表示されました

5 6
7 8

なにもしなければ、style.cssの設定で枠線は表示しません

9 10
11 12
カテゴリー: WordPress パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です