HTML、CSSで吹き出しを作る

Question

はてなマークを押すと吹き出しが左側に表示されます。
これはHTML、CSSで表現できるのでしょうか。
吹き出し自体は作れるのですが、文字の重なりや、擬似クラス（hover、before）を複数使う？？ので頭が整理しきれません。
それともＨＴＭＬ、CSSではなくjavascriptを使って表現しているのでしょうか。

いろんなサイト模写コーディングを行っているのですがどこまでがHTML、CSSでJavascriptやPHPなどのプログラミング言語をどこで使っているのか判断できないことがあります。

もしHTML、CSSで表現できるのであれば練習のためがんばってみようと思うのですが、、

回答お願いします！

Comments

[Lhankor_Mhy]

質問は、「これはHTML、CSSで表現できるのでしょうか。」でいいのですか？

Answer 1

「tooltip css」とかでググればでてきますが
「閉じる」ボタンが必要となると、hover処理というよりは
jsでモーダルを表示する方が近いかもしれません

Comments

[ooaai]

ありがとうございます！
ツールチップっていうんですね、調べてみます

Answer 2

この辺の記事が参考になると思いますよ
https://nodoame.net/archives/1719
頑張ってください！

Comments

[ooaai]

回答ありがとうございます！参考にしてみます！