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の枠線を消す方法を説明した。
コメント