簡単ホームページ作成ツールならAMS - まずはお試し

全国対応!まずはご相談ください 電話番号0120-55-4682

ホームページのテーブルの素人感をなくしてをきれいに見せる方法とは?

2021/3/31

ホームページのテーブルの素人感をなくしてをきれいに見せる方法とは?

CMS等にあるリッチテキストエディターで通常のテーブルを作成するとだとこんな感じになってしまいます。どことなく素人っぽい感じがしますよね。

(通常テーブル)

とまと みかん
ああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいい
200g 300g



これをCSSを使うことでこんなきれいなテーブルになります。

(CSSを使ったテーブル)

とまと みかん
あああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいい
200g 300g




CSSに以下を追加するだけです。


			
table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width:100%;
}
 
table tr {
 border: 1px solid #bbb;
}
table th,
table td {
    padding: 5px 10px 5px 5px;
  border-right: 1px solid #bbb;
  text-align: center;
}

これだけで素人っぽさが無くなりますよね。

テーブルすべてに適用されるCSSになっているのでよろしければお使いください。

CSS3を使ったらもっときれいになるのでまた別の機会にご紹介しますね。 最後までお読みいただきありがとうございました。

この記事を書いたのは

株式会社AMS 取締役副社長 古倉 功一

2005年からSEOに本格的に取り組み、SEO歴は15年以上。現在はリスティング広告、SEOをメインにしたWebコンサルを提供中。好きな番組:ポケットモンスター。

  • 石川県産業創出支援機構(ISICO)「お店ばたけ」ホームページドクター
  • セミナー講師(Webマーケティング、SEO、PPC広告等)
  • ミラサポ専門家登録(派遣先からの総合評価平均 5点中4.9)
常時SSL+スマホサイト最適化の効果の出るホームページが39,800円!
【0120-55-4682】月~金曜9:00~18:00

月~金曜9:00~18:00

メールでのお問い合わせ
AMS簡単ホームページ作成ツール
あなたのサイトをPRしましょう!
AMSマニュアル
よくある質問と回答
AMSお問合わせ

月別アーカイブ