Instagramのような写真下部に枠を作成したい。

Question

実現したいこと

Instagramのような構造をHTMLとCSSを使って作ろうとしています。
ただ、どのようにすれば下記の写真のようにできるのか分からないので教えて頂ければ幸いです。

試したこと

borderなどを使って線を引くことはできましたが、四角で枠を作ることができませんでした。

Comments

[Lhankor_Mhy]

線を引くことができたのであれば、それを上下左右に行えば四角になると思うのですが、どういった点が上手くいきませんでしたか？

Answer 1

いろいろな方法があると思います。
たとえば、Bootstrap の Cards を使うとお手軽かもしれません。
Cards (カード) · Bootstrap v5.0