goldenCat1990 https://blog.hatena.ne.jp/goldenCat1990/ jun01tの日記 https://blog.jun01t.com/ 技術 SVGを使って三角アイコンをカスタマイズする場合、<details> タグ内に SVG を直接挿入して制御する方法があります。SVGのアイコンは自由にデザインでき、サイズや色も簡単に調整可能です。 以下は、SVGを三角形アイコンとして使う方法の例です。 <details> <summary> <svg class="triangle-icon" width="12" height="12" viewBox="0 0 24 24"> <polygon points="6,8 18,8 12,18" fill="#333" /> </svg> クリックして展開 </summary> <p>詳細な内… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.jun01t.com%2Fentry%2F2024%2F10%2F27%2F175144" title="&lt;details&gt;&lt;summary&gt;タグの三角を画像に置き換える方法 - jun01tの日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-10-27 17:51:44 rich https://blog.jun01t.com/entry/2024/10/27/175144 1.0 100%