沿革・年表ページでよく使用されるレイアウト(3)

[ ID : 7833 ]
ブロンズ
沿革・年表ページでよく使用されるレイアウト(3)
実装目安
1分

概要

沿革・年表ページでよく使用されるレイアウトをCSSのみで実装する方法を紹介。(縦線は左側、タイトル左側から横線が伸びて縦線に接する)

用途・要件

  • 縦線は左側に配置。タイトル左側から横線が伸びて縦線に接する。
  • コンテンツ量に応じて高さが可変。
  • CSSのみで実装。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録