WordPress | tableの枠線を消す方法

WordPress

2022.10.312022.09.19

WordPressでtableの枠線を消す方法を説明する。

結論

WordPressの「カスタムHTML」ブロックにtableを記述する。<td>タグ内にclassを定義する。カスタムCSSでそのclassに対してborder: none;を指定する。

具体例

枠線を消す前

ヨシヒコ	アリーナ	マーニャ
ミネア	バーバラ	ミレーユ
ビアンカ	フローラ	ゼシカ

枠線を消した後

ヨシヒコ	アリーナ	マーニャ
ミネア	バーバラ	ミレーユ
ビアンカ	フローラ	ゼシカ

WordPressの「カスタムHTML」ブロックに以下コードを記述する。

<table>
  <tr>
    <td class="俺のパ〜ティ">ヨシヒコ</td>
    <td class="俺のパ〜ティ">アリーナ</td>
    <td class="俺のパ〜ティ">マーニャ</td>
  </tr>
  <tr>
    <td class="俺のパ〜ティ">ミネア</td>
    <td class="俺のパ〜ティ">バーバラ</td>
    <td class="俺のパ〜ティ">ミレーユ</td>
  </tr>
  <tr>
    <td class="俺のパ〜ティ">ビアンカ</td>
    <td class="俺のパ〜ティ">フローラ</td>
    <td class="俺のパ〜ティ">ゼシカ</td>
  </tr>
</table>

WordPressの「カスタムCSS」に以下コードを記述する。

.俺のパ〜ティ{
  border: none;
}

まとめ

WordPressでtableの枠線を消す方法を説明した。