サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h

サルワカさんの吹き出しのスタイルシートについて。
https://saruwakakun.com/html-css/reference/speec …
（↑のスタイルシートが使いたいです。）


質問は
★ここに画像を入れる <img~>★
と、上記のように書かれていますが、実際どんな風に画像をアドレスを記載になるのでしょうか？
具体的に教えていただけないでしょうか？

例えば画像アドレスが下記の場合、
https://kuruma.com/wp-content/uploads/2022/10/de …

入力は下記のようにすればいいでしょうか？

<!--吹き出しはじまり--><div class="balloon5"><div class="faceicon">https://kuruma.com/wp-content/uploads/2022/10/de … <img~>★
</div><div class="chatting"><div class="says"><p>★文章を入れる★</p></div></div></div><!--吹き出し終わり-->また<img~>★の
★は削除しなくても大丈夫でしょうか？


-------------------------------------------
サルワカさんで記載された元のスタイルシートは下記になります。

<!--吹き出しはじまり--><div class="balloon5"><div class="faceicon">★ここに画像を入れる <img~>★
</div><div class="chatting"><div class="says"><p>★文章を入れる★</p></div></div></div><!--吹き出し終わり-->

質問者からの補足コメント

• 画像アドレスを記載にすればいいのでしょうか
  
  でした。

    補足日時：2022/10/28 22:56

No.2 ベストアンサー 回答者： maho-maho 回答日時： 2022/10/28 23:34

<!--吹き出しはじまり-->

<div class="balloon5">
<div class="faceicon">
<img src="https://kuruma.com/wp-content/uploads/2022/10/de …" alt="代替文字">
</div>
<div class="chatting">
<div class="says">
<p>★文章を入れる★</p>
</div>
</div>
</div>
<!--吹き出し終わり-->

となるかと。★はいりません。

この回答へのお礼

お返事有難うございました

お礼日時：2022/10/29 07:48

No.1 回答者： fujillin 回答日時： 2022/10/28 23:29

こんばんは

方法としては包含要素の外枠線をCSSで吹き出し状にしているだけです。

ですので、内容の記述は通常のHTMLの記述そのものです。
画像を表示したければ、普通に img タグを記述してください。
　<img src="https://kuruma.com/ ～～～" alt="" width="100" height="100" >
とか。

この回答へのお礼

お返事有難うございました

お礼日時：2022/10/29 07:47