インフラエンジニアbacchiのわかったことまとめ

bacchi.me

HTML | CSS WordPress

【WP】stinger3のtable 要素の表示をきれいにする

更新日:

先日投稿した記事でtable を使用しましたが、
table のカラムに線が入っていなかったり、表のブロックに隙間が・・

\"table_before\"

この時のtable がらみのCSSは下記の通り。

表示が崩れていた原因は2つ

  • th 要素が修飾されていなかった
  • table 要素が修飾されていなかった

この点を踏まえ、CSSを直しました。

それが下記

変更点は

  • table tr td のブロックに『, table tr th』を追加
  • table ブロックを追加

th 要素に線が履いていなくて、表に隙間があった table がキレイに!

\"table_after\"

Sponsor Link

スポンサーリンク

Sponsor Link

スポンサーリンク

-HTML | CSS, WordPress

Copyright© bacchi.me , 2018 AllRights Reserved.