Houn

2022.06.29 Web制作

診療時間表のHTML・CSSテーブルテンプレート(レスポンシブ対応)

診療時間表のHTML・CSSテーブルテンプレート(レスポンシブ対応)

整体院、整骨院や歯科、クリニックなどのホームページによくある、診療時間表のHTML・CSSテンプレートを作ってみました(探しても意外と無かったので)。

「午前の部 / 午後の部」って分かれてるやつです。

スマホ(レスポンシブ)対応済。端末によってはどうしても画面幅に収まりませんが、その場合は表だけが横スクロールしますので、ページの横ブレは発生しません。

気になる場合はカラムの余白を狭めたりなど工夫してください。

テンプレート1

もっともベーシックな見た目だと思います。

See the Pen Untitled by masakitano (@masakitano) on CodePen.

テンプレート2

上下にだけ線を引いた、ちょっとシュッとしたデザインです。

See the Pen Untitled by masakitano (@masakitano) on CodePen.

挫折しないWeb制作学習ならデイトラがお勧めです

詳細は下記バナーをクリックして、公式サイトを覗いてみてください。

お問い合わせ