オドフラン ~いつもどこかに「なるほど」を~

誰かのためになるようなことを、書き込んだり、書き込まなかったり

【どんなテーマも絶対解決】ワードプレス・テーブルの枠線(罫線)を消す方法=枠色を白にすればいい

2016-10-06 17:46:21 | 日記

最近ワードプレスのテーマは、昔と違って、ご親切に何もしなくても
枠線が表示されています。

例えば、こんなコードを書いただけで
↓↓
<table>
<tbody>
<tr>
<td>りんご</td>
<td>ばなな</td>
<td>いちご</td>
</tr>
</tbody>
</table>

↓こう。

-----------------------------------

 

-----------------------------------

なんたる便利!!!

 

ちょっと前までは、枠線1本ひくだけで、いちいちコードを記述しなければいけなかったことを思うと
こんな便利なことはありません。

が、ですよ。
「たまには表示させたくない」ケースもあるわけです。

いちいちスタイルシートをいじるのも大変。
しかも、スタイルシートをいじったところで、テーマによって、やり方がまちまち。

うーん、どうしようか!!

って、ちょっと待って。
発想の転換。

罫線を消すんじゃなくて、「見えなければいい」わけです。

 

背景色が白なら、枠線を白にしてあげればいいんです

 

これなら、すべてのテーマに共通して有効です。

webサイトの世界で、白を表すコードは「#ffffff」です。
なので、それを追加してあげるとこうなります。
↓↓

<table border="0">
<tbody>
<tr>
<td style="border: 1px solid #ffffff;">りんご</td>
<td style="border: 1px solid #ffffff;">ばなな</td>
<td style="border: 1px solid #ffffff;">いちご</td>
</tr>
</tbody>
</table>

 

これ、消えたんじゃなくて、見えてないんです。でも結果的に消えてますよね

はい、簡単解決。

 


 

こんな写真も無料でダウンロード
商用可能なフリー素材、フリー素材ドットコム
http://free-materials.com/