1. ホーム
  2. テンプレ比較
  3. メシプレ02マニュアル
  4. ≫メシオプレス02 枠なしテーブルの表示方法

メシオプレス02 枠なしテーブルの表示方法

レイアウトにテーブルを使ってお手軽にやりたいよう、
というときに、メシオプレス02では、テーブル枠をうまく消せません。

メシオプレス02にかぎらず、「テーブルのワクが消えない」と嘆いている人はけっこういるみたいなんですよね。

公式サイトでも解説されてるんですが、例によって探しづらいので勝手にメモします。

表示例

ワクがわくがくわがたくわがた わくわくくわがたくわがた
ワクがくわくがたくがわがわ ワクワクわくがないよー

やり方

style.cssの最後に以下のコードを追加。

.article .no-border-table,
.article .no-border-table th,
.article .no-border-table td{
     border:none;
}

tableタグを使うときに、以下のようにclass名を指定。

<table class="no-border-table">

よーし!
なお、メシオプレスのstyle.cssに書くと、アップデート時に消えるので、子テーマを作るのがいいと思います。
参考)

LINEで送る
Pocket